Official UG PiCSeL group

Group options
Add to favorites
Forward to a friend

UG Profile Layout Thread

PiCSeL

<style type="text/css"><!-- body {background: url(http://img.ultimate-guitar.com/_img/profiles/b g.jpg) no-repeat top center #000;} .bl {background: #000 url(http://img.ultimate-guitar.com/_img/profiles/a ska.jpg) bottom left no-repeat} .m {background: #000} td {height: 100%} .info {background: url(http://img.ultimate-guitar.com/_img/profiles/r ay_bg.jpg) top right no-repeat #38537E; padding-top: 20px} .info_bl {background: url(http://img.ultimate-guitar.com/_img/profiles/h f.jpg) top right no-repeat #DFD0AB; padding-top: 20px}--></style>

Are you scared by that? )

It is a construction that I used for my profile layout change. You can try it copying and pasting in your "About Me" field and see, how does it work. It must be pasted without linebreaks, btw.

First "Body". My sweetgirls on top of the profile.

body {background: url(http://img.ultimate-guitar.com/_img/profiles/b g.jpg) no-repeat top center #000;}

Here goes an url of the picture url(). Watch the link and see, how I realized girls to be one on the left an other on the right. Then goes no-repeat needed to prevent default HTML background repeating, top center - background positioning. #000 - background color in RGB, that will be under the picture (my pictures gradient in black, so bgcolor is black too).

Shiiiit.... You just cant imagine, how does it feel, being a very good writer and speaker in Russian and being unable to explain such a simple thing in english. If you like it, I'll continue. Ask questions...

[QUOTE]<style type="text/css"><!-- body {background: url(http://img.ultimate-guitar.com/_img/profiles/bg.jpg) no-repeat top center #000;} .bl {background: #000 url(http://img.ultimate-guitar.com/_img/profiles/aska.jpg) bottom left no-repeat} .m {background: #000} td {height: 100%} .info {background: url(http://img.ultimate-guitar.com/_img/profiles/ray_bg.jpg) top right no-repeat #38537E; padding-top: 20px} .info_bl {background: url(http://img.ultimate-guitar.com/_img/profiles/hf.jpg) top right no-repeat #DFD0AB; padding-top: 20px}--></style> [/QUOTE]

Are you scared by that? )

It is a construction that I used for my profile layout change. You can try it copying and pasting in your "About Me" field and see, how does it work. It must be pasted without linebreaks, btw.

First "Body". My sweetgirls on top of the profile.

[QUOTE]body {background: url(http://img.ultimate-guitar.com/_img/profiles/bg.jpg) no-repeat top center #000;}[/QUOTE]

Here goes an url of the picture url(). Watch the link and see, how I realized girls to be one on the left an other on the right. Then goes no-repeat needed to prevent default HTML background repeating, top center - background positioning. #000 - background color in RGB, that will be under the picture (my pictures gradient in black, so bgcolor is black too).

Shiiiit.... You just cant imagine, how does it feel, being a very good writer and speaker in Russian and being unable to explain such a simple thing in english. If you like it, I'll continue. Ask questions...

Posted: Nov 20, 2008 7:40 AM - Quote - Report!

PiCSeL

and yes, there is no space between "/s" and "tyle" in codeblock. It's UG anti hack defence's auto edition, you need to remove that space, if you wanna try my layout. and yes, there is no space between "/s" and "tyle" in codeblock. It's UG anti hack defence's auto edition, you need to remove that space, if you wanna try my layout.
Posted: Nov 20, 2008 7:42 AM - Quote - Report!

Just_Matt

Hi man, I can't quite make it work, I'm a total HTML noob, could you check my profile and tell me what I'm doing wrong? (it will be easier if you see it for yourself than explaining it)

Thanks!
Hi man, I can't quite make it work, I'm a total HTML noob, could you check my profile and tell me what I'm doing wrong? (it will be easier if you see it for yourself than explaining it)

Thanks!
Posted: Mar 18, 2009 2:46 AM - Quote - Report!

PiCSeL

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwyg

http://cs263.vkontakte.ru/u1309831/27082581/x_b11e ce3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11e ce3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11e ce3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11e ce3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11e ce3c.jpg

http://cs263.vkontakte.ru/u1309831/27082581/x_b11e ce3c.jpg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwygTesting wysiwyg

Testing wysiwyg

http://cs263.vkontakte.ru/u1309831/27082581/x_b11ece3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11ece3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11ece3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11ece3c.jpg http://cs263.vkontakte.ru/u1309831/27082581/x_b11ece3c.jpg

http://cs263.vkontakte.ru/u1309831/27082581/x_b11ece3c.jpg

Posted: Jun 3, 2009 2:31 PM - Quote - Report!

stykerwolf

Doesn't work :D Doesn't work :D
Posted: Sep 22, 2009 11:52 AM - Quote - Report!

Rahkshinaw

haha i finally got it so that it works for me. You just have to customize it like i did haha i finally got it so that it works for me. You just have to customize it like i did
Posted: Oct 31, 2011 3:54 PM - Quote - Report!
Post your reply
Expand