CSS codes for New profiles [2.0]

Excited?

Hells yeah.	100.0%	[ 6020 ]
Total Votes:			[ 6020 ]

[Cursed_Blessing]

When I try to reposition my sections, nothing happens at all. Are you sure the code you posted actually works? Or is it something I'm doing?

[Awiergan]

Cursed_Blessing

When I try to reposition my sections, nothing happens at all. Are you sure the code you posted actually works? Or is it something I'm doing?

No. It doesn't work. It's for the v.2 profiles, that aren't out yet. I said that in the very first part of the guide. rolleyes

[sammiko]

You wouldn't happen to know the whole code for that replacing your oling status, trade etc. puctures and positioning them would you? *6*??
XD;;

[Cursed_Blessing]

~Magic Trevor~

Cursed_Blessing

When I try to reposition my sections, nothing happens at all. Are you sure the code you posted actually works? Or is it something I'm doing?

No. It doesn't work. It's for the v.2 profiles, that aren't out yet. I said that in the very first part of the guide. rolleyes

Well, I actually got it to work, now. You have to put position: absolute; in whatever section you're trying to move them. Then you just tinker with the numbers a while until you get it right.

Edit: You can also put position: relative; but you'll have completely different numbers adjusting the tables' positions. I did this so that if I get some comments or more friends, the sections wouldn't be too small. I also implemented some scrollbars for my friends and comments sections that won't appear until I have more inside of them. It was a kind of precaution.

[Awiergan]

sammiko

You wouldn't happen to know the whole code for that replacing your oling status, trade etc. puctures and positioning them would you? *6*??
XD;;

... neutral Afraid not. I wish I did. I've seen it in the profile forum, though.

@Cursed: Yeah, I know. But I'm pretty usre it's already set to relative in the 2.0 profiles, for convenience.

[Lady_Threnody]

I have something here for you to put up. It will help out alot of people regardless of what browser they use... CSS Master. Its basically a prggie that helps people learn and customize their CSS in a simple way.

Thought it would help. 3nodding

"Seduce my mind and you can have my body. Find my soul and I'm yours forever." ~Anonymous
[ No, you can't use my tribal images. ]

[Awiergan]

Lady_Threnody

I have something here for you to put up. It will help out alot of people regardless of what browser they use... CSS Master. Its basically a prggie that helps people learn and customize their CSS in a simple way.

Thought it would help. 3nodding

"Seduce my mind and you can have my body. Find my soul and I'm yours forever." ~Anonymous
[ No, you can't use my tribal images. ]

Thanks <3. I'll put it up when I release the final version. Hopefully I'll have a chance to try it out by then.

[Lady_Threnody]

I hate the fact that its only a 30 day trial. Hmm, I'll probably get it again later. xd

You're welcome and I don't mind helping out once in a while. <3 I also have linkage to a shitload of free CSS layouts and tutorials if you need 'em.

"Seduce my mind and you can have my body. Find my soul and I'm yours forever." ~Anonymous
[ No, you can't use my tribal images. ]

[GENSH]

sweet 3nodding

[crabby_patty]

drawing avatar art!

Example...

http://i3.tinypic.com/15s7xqh.jpg
http://i4.tinypic.com/15s80m1.jpg
http://i5.tinypic.com/15s8qcm.jpg

( pm my main account for more details )

~chi~fergie~

http://i5.tinypic.com/15s8mee.jpg

[Awiergan]

~im~an~art~rat~

drawing avatar art!

Example...

http://i3.tinypic.com/15s7xqh.jpg
http://i4.tinypic.com/15s80m1.jpg
http://i5.tinypic.com/15s8qcm.jpg

( pm my main account for more details )

~chi~fergie~

http://i5.tinypic.com/15s8mee.jpg

Please don't advertise in GRF.

[Awiergan]

I decided it was about time to post the pre defined code.

Quote:

*
{
margin: 0;
padding: 0;
}

body
{
font-size: 11px;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1
{
font-size: 16px;
}

h2
{
font-size: 14px;
}

h3
{
font-size: 12px;
}

a
{
color: #BD8440;
font-weight: bold;
text-decoration: none;
}

a:hover
{
text-decoration: underline;
}

img
{
border: 0;
}

li
{
list-style-type: none;
}

.clear
{
clear: both;
}

p
{
margin-bottom: 10px;
}

body
{
background: #CCC url(../images/backgrounds/bg_wallpaper.jpg) repeat top left;
}

#x
{
position: relative;
margin: 10px;
}

table
{
border-collapse: collapse;
}

table td
{
vertical-align: top;
}

#sidebar_1
{
width: 250px;
}

#sidebar_3
{
width: 250px;
}

#main_2
{
width: 500px;
padding: 0 10px;
}

.edit
{
display: none;
}

.remove
{
display: none;
}

#header
{
background: #E0E5E8;
padding: 10px;
}


.widget
{
position: absolute;
}
/* Caption Widget */
.caption_regular .caption_top
{
background: url(../images/caption_top.gif) no-repeat top left;
width: 100px;
height: 5px;
}

.caption_regular .caption_middle
{
background: url(../images/caption_middle.gif) repeat-y top left;
width: 100px;
text-align: center;
}

.caption_regular .caption_bottom_left
{
background: url(../images/caption_bottom_left.gif) no-repeat;
width: 100px;
height: 21px;
}

.caption_regular .caption_bottom_right
{
background: url(../images/caption_bottom_right.gif) no-repeat;
width: 100px;
height: 21px;
}

/* Wish List Widget */

.wish_list_widget
{
width: 150px;
}

.wish_list_widget .widget_content
{
height: 80px;
overflow-y: scroll;
}

.wish_list_widget .widget_content li
{
display: inline;
}

/* Equipped List Widget */

.equipped_list_widget
{
width: 150px;
}

.equipped_list_widget .widget_content
{
height: 80px;
overflow-y: scroll;
}

.equipped_list_widget .widget_content li
{
display: inline;
}

.dragIndicator
{
border: 1px dotted #000;
max-width: 500px;
width: 500px;
min-width: 200px;
}

.gadget
{
position: relative;
margin-bottom: 10px;
background: #FFF;
font-size: 10px;
font-family: Verdana, Helvetica, Arial, sans-serif;
padding: 10px;
height: 1%;
}

html > body .gadget
{
height: auto;
}

.profile_gadget
{
text-align: center;
}

.profile_gadget h2
{
text-align: left;
}

.friends_gadget ul li
{
float: left;
width: 90px;
height: 80px;
text-align: center;
}

.friends_gadget .style2 li
{
height: 20px;
}

.media_gadget
{
text-align: center;
}

.comments_gadget #add_comment
{
display: none;
border-bottom: 1px solid #000;
border-top: 1px solid #000;
padding: 10px;
margin: 10px 0;
}

.comments_gadget #add_comment textarea
{
width: 100%;
height: 120px;
}

.comments_gadget .style1 dt
{
clear: left;
border-bottom: 1px solid #000;
margin-bottom: 10px;
height: 20px;
line-height: 20px;
padding: 0 4px;
text-align: right;
}

.comments_gadget .style1 dt .username
{
float: left;
display: block;
}

.comments_gadget .style1 dd
{
margin-bottom: 10px;
}

.comments_gadget .style1 dd .avatar
{
float: left;
}

.comments_gadget .style1 dd p
{
margin-left: 60px;
}

.signature_gadget
{
text-align: center;
}

.wish_list_gadget .item
{
float: left;
}

.equipped_list_gadget .item
{
float: left;
}

.house_gadget
{
text-align: center;
}

.house_gadget .house_img img
{
width: 200px;
}

.forums_gadget
{
text-align: center;
}

.signature_gadget
{
text-align: center;
}

.signature_gadget h2
{
text-align: left;
}

/*
.forums_gadget .chart
{
position: relative;
border: 1px solid #B1D632;
padding: 2px;
background: #EEE;
}

.forums_gadget .chart .bar
{
display: block;
position: relative;
background: #B1D632;
text-align: center;
color: #333;
height: 15px;
line-height: 15px;
}

.forums_gadget .chart .bar span
{
position: absolute; left: 1em;
}*/

[Awiergan]

Still no word... I think they'd of put it out by now.

[[TyDe]]

hey Trevor Since you're pretty good at CSS could you give me the code for profiles v 1 on how to make my font in my comment appear like Size 9 in BBcode. I haven't quit fully learned CSS
It's on my To-do list. ;D

[[TyDe]]

cool