Welcome to my profile
This is the knowledge and coding you'll need to get your profile customized to your preferences -Useful programs- -Paint.net (free) - http://paint.net/useful for editing pictures as well as creating transparent backgrounds and objects -Xara (free trial) - http://www.xara.com/us/useful for creating simple .gif animations -Flash (Free trial) - http://www.adobe.com /http://www.albinoblacksheep.com/download/flashmxuseful for adding flash elements such as a animated avatar or music to your profile pick -XRAY(Browser tool) - http://www.westciv.com/xray/ -Free picture hosting- You need to host your pictures elsewhere, nonoba won't do this for you -http://photobucket.com/ -http://imageshack.us/ -Useful sites- -http://www.w3schools.com/css/default.asp - css help -http://www.december.com/html/spec/color.html - hex codes -http://www.somacon.com/p334.php - text help -Command types- -Repeat types >repeat - repeats image >repeat-x - repeats image only vertically >repeat-y - repeats image only horizontally >no-repeat - doesn’t repeat -Positioning >top center bottom >left center right >center Example: top left, bottom right, Etc... -Definitions- URL - website - Example: http://nonoba.com/ Hex code - a code which corresponds to a color - Example: #000000 would be black -CSS coding- /*nonoba logo*/ [Template]http://i398.photobucket.com/albums/pp65/phoenixequinox/nonoba%20template/trifinitynonoba.gif #nlogo{height:94px:width:150px;border:0px;overflow:hidden;text-indent:999px;position:absolute;top:0px;left:0px;display:block;background:url(-insert your URL here-)no-repeat 0px 0px;} /*top bar*/ [Template]http://i398.photobucket.com/albums/pp65/phoenixequinox/nonoba%20template/topbartemplate.jpg #topbarcontainer{background:url(-insert your URL here-);background-color:-insert hex code here-;} /*search*/ #topsearch{background:-insert URL here-;} /*background*/ #span-12append-1profilepage{background:transparent} body{background:url(-insert your URL here-);center; repeat-x 0px 0px -insert hex code here-;} .maincontent{ background:url(-insert your URL here-);center; repeat-x 0px 0px -insert hex code here-;} /*focus area*/ .focusarea{height:???px;background:url(-insert your URL here-) no-repeat center -insert hex code here-;} /*progress bar*/ [Template]http://i398.photobucket.com/albums/pp65/phoenixequinox/nonoba%20template/progressbarstemplate.gif .progressbardiv{background:url(-insert your URL here-)}.progressbar.begin{background-position:left 0px;}.progressbar .end{background-position:right0px;}.progressbar.mid{background-position:left -40px;}.progressbar.green .begin{background-position:left-80px;}.progressbar.green.end{background-position:right -80px;}.progressbar.green .mid{background-position:left-120px;}.progressbar.blue.begin{background-position:left -160px;}.progressbar.blue .end{background-position:right-160px;}.progressbar.blue.mid{background-position:left -200px;} /*profile border bubbles*/ .bc1, .bc2, .bc3, .bc4, .bc5, .bc6, .center{background-image:url(-insert your URL here or none-);} .box.rightspeech .boxparts div, .box.rightspeech .boxparts .bc5, .box.rightspeech .boxparts .bc6, .box.rightbar .boxparts div, img{background-image:url(-insert your URL hereo or none-);} /*headers*/ Plese use http://www.somacon.com/p334.php for the code h1, h2, h3, h4, h5, h6 { #nonobafooter h4{ P, .username, .userscore, .alternate{ .gamedescription{ div.gamedescription{ div.feedstory, div.details, b{ .postCommentTextarea{ /*links*/ Please use http://www.somacon.com/p334.php for the code .smallbutton a{ span.bannergamename{ .male{ .female{ .genderless{ .onlineinfo{ .topmenu a{ .usermenu a{ #nonobafooter h4 a{ .focustabs a{ .gamename a{ #nonobafooter .linklist a{ /*comment area*/ [Template]http://i398.photobucket.com/albums/pp65/phoenixequinox/nonoba%20template/commentboxtemplate.gif .comment{color:transparent;background-image:url(-insert your URL here-);text-decoration:none;} .postCommentTextarea{background:Url(-insert your URL here-);} /*Votining remover*/ .votelink, .votes, .spamlink{visibility:hidden;} /*play bar*/ [Template]http://i398.photobucket.com/albums/pp65/phoenixequinox/nonoba%20template/playbartemplate.jpg #playbarstatus{display:none;} .playbar{background:url(-insert your URL here-)no-repeat 0px 0px;background-position: center;} /*nonoba footer*/ [Template]http://i398.photobucket.com/albums/pp65/phoenixequinox/nonoba%20template/footertemplateone.gif #footerflash{visibility:hidden;} #nonobafooter{background:url(-insert your URL here-)center no-repeat;} .span-9 last {visibility:hidden;} /*buttons hiding*/ a.button{background:url(none);} .voting a.smallbutton{background:url(none);} a.smallbutton{background:url(none);} .buttonend, .tabend{visibility:hidden;} /*bottom white bar hiding*/ #footerend{visibility:hidden;} .breaker + .center{visibility:hidden;} .breaker{visibility:hidden;} |
lH O lR I Z O lN
Gabe Logan said
Posted 2 months agoOSM Profile!
your css rulezzz! :D
i think comment text area background (where you write the comment) should be bright not grey - i dont see what i am writing :)
but you have really awesome profile! :DDD