I need webpage building help - Miata Turbo Forum - Boost cars, acquire cats.

Welcome to Miataturbo.net   Members
 


Insert BS here A place to discuss anything you want

Reply
 
 
 
LinkBack Thread Tools Search this Thread
Old 01-28-2014, 04:14 PM   #1
Elite Member
Thread Starter
iTrader: (1)
 
Join Date: Jun 2005
Location: Charleston, SC
Posts: 2,980
Total Cats: 14
Default I need webpage building help

I've been hosting a Lava Orange MSM registry on my website for a while. My whole website was done via Notepad (yes, I am a dinosaur) with the exception of the registry. I've been using MS Excel for that. It has been a pain in the *** but I learned to deal with it. Since upgrading to Win8.1 and MS Office 10 (or maybe it was something with GoDaddy) I've been having tons of problems with the page and would like to try something else. So, does anyone here know how to make something that looks like this (see link below) with simple html commands. I'd rather not start using new software just for one page. Thanks!

http://www.lightweightmiata.com/kiki/registry/








...
rmcelwee is offline   Reply With Quote
Old 01-28-2014, 05:11 PM   #2
Elite Member
iTrader: (2)
 
fooger03's Avatar
 
Join Date: Jan 2009
Location: Columbus, OH
Posts: 4,133
Total Cats: 188
Default

continue editing in notepad for the table instead of excel.

you can see the format for a row in your table looks like this:

<tr height=28 style='mso-height-source:userset;height:21.0pt'> \\TR indicates a new row
. <td height=28 class=xl72 width=63 style='height:21.0pt;width:47pt'>470</td> \\TD indicates a new cell
. <td class=xl73>Frank</td>
. <td class=xl73>CDM, CA</td>
. <td class=xl73>SOCALM</td>
. <td class=xl74><a href="http://www.cardomain.com/ride/3038774"
target="_parent">http://www.cardomain.com/ride/3038774</a>
</td>
</tr>
\\I added the periods (.) in front of the <td> tags to show the spacing

Those rows are obviously Production Number, Name, Location, Club, and "other". Just add a new row underneath an old row.
fooger03 is offline   Reply With Quote
Old 01-28-2014, 05:11 PM   #3
Newb
 
Join Date: Jan 2009
Location: Bay Area, CA
Posts: 43
Total Cats: 1
Default

Quote:
Originally Posted by rmcelwee View Post
Scary html is scary.

All you need is a simple table:
https://developer.mozilla.org/en-US/.../Element/table

It sounds like you don't want anything dynamic.. you are just looking for an easy way to transform your excel data into an HTML page?

One quick and dirty way to do this is to set up a formula in your excel sheet to build the HTML for the row (the TR tag). Assuming your spreadsheet has two columns, you would enter a formula in the third column that looks something like this:

= CONCATENATE("<tr><td>", A1, "</td><td>", A2, "</td></tr>")

Then fill down, select all cells in that column, copy, and paste into a table tag in your html document in notepad.

Of course, only a crazy person would actually maintain a web page this way in 2014....
proto is offline   Reply With Quote
Old 01-28-2014, 05:35 PM   #4
Elite Member
iTrader: (1)
 
Join Date: May 2009
Location: Jacksonville, FL
Posts: 4,685
Total Cats: 216
Default

A little CSS can make a simple table look much nicer

Also, black backgrounds are not cool, imo.
Full_Tilt_Boogie is offline   Reply With Quote
Old 01-29-2014, 10:01 AM   #5
Boost Czar
iTrader: (61)
 
Braineack's Avatar
 
Join Date: May 2005
Location: Chantilly, VA
Posts: 72,899
Total Cats: 1,792
Default

this should be created in wordpress with a plugin to allow "members" to sign up and add the info of their cars in a dynamic, non-shitty, way.
Braineack is offline   Reply With Quote
Old 01-29-2014, 02:09 PM   #6
Elite Member
Thread Starter
iTrader: (1)
 
Join Date: Jun 2005
Location: Charleston, SC
Posts: 2,980
Total Cats: 14
Default

Quote:
Originally Posted by Braineack View Post
this should be created in wordpress with a plugin to allow "members" to sign up and add the info of their cars in a dynamic, non-shitty, way.
I am not familiar with Wordpress. Any idea which plugin would give me a similar format to what I have? As it is now, I get data from a thread on miata.net. No hassle of user signup (people are lazy, they won't sign up) and no hassle of people putting VAGINA, CA for their location. Yes, I have to type everything in but we are only talking about 5 minutes a month work on it (not many LO MSM owners out there).
rmcelwee is offline   Reply With Quote
Old 01-29-2014, 02:34 PM   #7
Boost Czar
iTrader: (61)
 
Braineack's Avatar
 
Join Date: May 2005
Location: Chantilly, VA
Posts: 72,899
Total Cats: 1,792
Default

<style>
#html {-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 0px 0px 7px #000000;
-webkit-box-shadow: 0px 0px 7px #000000;
box-shadow: 0px 0px 7px #000000;
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr = '#fff71a', endColorstr = '#ff08bc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startC olorstr = '#fff71a', endColorstr = '#ff08bc')";
background-image: -moz-linear-gradient(top, #fff71a, #ff08bc);
background-image: -ms-linear-gradient(top, #fff71a, #ff08bc);
background-image: -o-linear-gradient(top, #fff71a, #ff08bc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff71a), to(#ff08bc));
background-image: -webkit-linear-gradient(top, #fff71a, #ff08bc);
background-image: linear-gradient(top, #fff71a, #ff08bc);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
text-align: center;
font-family: verdana;
padding: 10px;
width: 100px;}
</style>


<div id="html"><span>**** html.</span></div>


please publish this.
Braineack is offline   Reply With Quote
Old 01-29-2014, 02:49 PM   #8
Elite Member
Thread Starter
iTrader: (1)
 
Join Date: Jun 2005
Location: Charleston, SC
Posts: 2,980
Total Cats: 14
Default

Quote:
Originally Posted by Braineack View Post
please publish this.
Will do. Woke up this afternoon (working weird hours) and laptop was dead. Doing backups, etc now. Will put the code up today and take a look. Thanks!
rmcelwee is offline   Reply With Quote
Old 01-29-2014, 03:12 PM   #9
Boost Czar
iTrader: (61)
 
Braineack's Avatar
 
Join Date: May 2005
Location: Chantilly, VA
Posts: 72,899
Total Cats: 1,792
Default

lol.
Braineack is offline   Reply With Quote
Old 01-29-2014, 04:48 PM   #10
Elite Member
iTrader: (1)
 
Join Date: May 2009
Location: Jacksonville, FL
Posts: 4,685
Total Cats: 216
Default

Post a reaction video of when you first publish it.
Full_Tilt_Boogie is offline   Reply With Quote
Old 01-29-2014, 06:12 PM   #11
Boost Czar
iTrader: (61)
 
Braineack's Avatar
 
Join Date: May 2005
Location: Chantilly, VA
Posts: 72,899
Total Cats: 1,792
Default

Quote:
Originally Posted by Full_Tilt_Boogie View Post
Post a reaction video of when you first publish it.
it's not that great, i just made a pretty rounded edge box for my text.

Edit fiddle - JSFiddle
Braineack is offline   Reply With Quote
Old 01-29-2014, 06:23 PM   #12
Elite Member
iTrader: (1)
 
Join Date: May 2009
Location: Jacksonville, FL
Posts: 4,685
Total Cats: 216
Default

Thats a neat little tool

I need to stop being a masochist when writing html/css
Full_Tilt_Boogie is offline   Reply With Quote
Old 01-29-2014, 06:45 PM   #13
Supporting Vendor
iTrader: (31)
 
Savington's Avatar
 
Join Date: Nov 2006
Location: Sunnyvale, CA
Posts: 14,370
Total Cats: 1,332
Default

Quote:
Originally Posted by rmcelwee View Post
Since upgrading to Win8.1
This is not an upgrade, HTH
Savington is offline   Reply With Quote
 
 
Reply

Related Topics
Thread Thread Starter Forum Replies Last Post
LucaCarMods's Boosted Dutch Miata Build! LucaCarMods Build Threads 11 02-14-2016 07:13 AM
WTB MP62 (Hotside) (NB2) Rick02R WTB 3 01-03-2016 08:18 PM
Is my swirl pot design okay? FrankB Race Prep 10 10-02-2015 10:00 PM
Bad head gasket or ? shooterschmidty Engine Performance 8 09-30-2015 11:28 PM
Image resizer concealer404 Front Desk 3 09-29-2015 01:41 PM


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off



All times are GMT -4. The time now is 10:47 PM.