Can anyone tell me a code to this layout style |
![]() ![]() |
Can anyone tell me a code to this layout style |
Jun 26 2008, 08:55 PM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 7 Joined: Jun 2008 Member No: 661,894 |
http://i25.tinypic.com/rtkvn7.jpg
i've seen it done before so its not my design but if anyone see this layout or know how to code please help me out |
|
|
|
Jun 26 2008, 09:02 PM
Post
#2
|
|
![]() /人◕‿‿◕人\ ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,283 Joined: Dec 2007 Member No: 602,927 |
|
|
|
|
Jun 26 2008, 09:10 PM
Post
#3
|
|
|
Newbie ![]() Group: Member Posts: 7 Joined: Jun 2008 Member No: 661,894 |
i know how to do everything but the interest section
|
|
|
|
Jun 26 2008, 09:13 PM
Post
#4
|
|
![]() /人◕‿‿◕人\ ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 8,283 Joined: Dec 2007 Member No: 602,927 |
http://abrax.us/Katamari/CustomInterestsSection.php
I'm not sure how exactly that was done, since all I have is a picture, but the above link would be my best suggestion for that particular part. |
|
|
|
Jun 26 2008, 09:31 PM
Post
#5
|
|
|
Newbie ![]() Group: Member Posts: 7 Joined: Jun 2008 Member No: 661,894 |
yes i've used that
but you can change the color of each individual section |
|
|
|
Jun 27 2008, 10:52 AM
Post
#6
|
|
|
Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,237 Joined: May 2008 Member No: 648,123 |
are you just talking about the interest section headers? you can use .lightbluetext8 { style codes } to change those.
|
|
|
|
Jun 27 2008, 11:48 AM
Post
#7
|
|
|
Newbie ![]() Group: Member Posts: 7 Joined: Jun 2008 Member No: 661,894 |
yes
but i cant make the backrounds gray and have it over the sections |
|
|
|
Jun 27 2008, 04:01 PM
Post
#8
|
|
|
Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,237 Joined: May 2008 Member No: 648,123 |
gotcha. i wasn't quite understanding what you meant. put this code in your general interests section. make sure there's nothing else in any of the other sections (music, movies, etc.):
CODE <style type="text/css"> add in your backgrounds, colors, borders, etc., to the style sheet. if you want the title to fill up the entire spot, put display:none; between the brackets for the title class.
.interestsAndDetails { display:none; } .customInterests { styling for your custom interests } .customInterests .title { styling for the title } .customInterests .text { styling for the text you put into it } </style> </td> </tr> </table> </td> </tr> </table> <table width="300" class="customInterests"> <tr> <td class="title">Section Title</td> </tr> <tr> <td class="text"> Add text, images, video, etc. </td> </tr> |
|
|
|
Jun 27 2008, 04:41 PM
Post
#9
|
|
|
Newbie ![]() Group: Member Posts: 7 Joined: Jun 2008 Member No: 661,894 |
thank you i think that what im looking for
but i dont know how to style it? and get the backgrounds grey and stuff and my tables are lower than usual? |
|
|
|
Jun 27 2008, 04:46 PM
Post
#10
|
|
|
Newbie ![]() Group: Member Posts: 7 Joined: Jun 2008 Member No: 661,894 |
Could you make me a code for the layout in the picture
if it isnt too much trouble |
|
|
|
Jun 27 2008, 09:57 PM
Post
#11
|
|
|
Senior Member ![]() ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 1,237 Joined: May 2008 Member No: 648,123 |
between the brackets you can add any types of properties.
now might be a good time to start learning some basic CSS :] W3Schools has some very good, starter, explanatory articles on CSS that could help you out when it comes to styling. |
|
|
|
![]() ![]() |