Rounded Corners in your uber style
Difficulty: Advanced |
| Category: FPSB > Other/Misc | Author(s): noiseless |
Now let us start with what coding belongs in the uber portion for the corners.
First:We will add this to the bottom of the uber style you wish to add corners too.
.roundedcornr_box_1 {
background: #COLOR CODE HERE;
}
.roundedcornr_top_1 div {
background: url(IMAGE CODE HERE) no-repeat top left;
}
.roundedcornr_top_1 {
background: url(IMAGE CODE HERE) no-repeat top right;
}
.roundedcornr_bottom_1 div {
background: url(IMAGE CODE HERE) no-repeat bottom left;
}
.roundedcornr_bottom_1 {
background: url(IMAGE CODE HERE) no-repeat bottom right;
}
.roundedcornr_top_1 div, .roundedcornr_top_1,
.roundedcornr_bottom_1 div, .roundedcornr_bottom_1 {
width: 100%;
height: 3px;
font-size: 1px;
}
.roundedcornr_content_1 { margin: 0 3px; }
Explanation of how it works:CYAN LETTERING This determines your border color for the corners. Choose the same color for the corner of the border as in the imageGREEN LETTERING The green lettering is simply where the image coding goes for the small corners you made go. Host those images, paste the direct link there. I recommend using a reliable hosting site, like your dropbox.BLUE LETTERINGThis is how thick your border will be. I recommend 2 - 4. Any bigger and it will be, well, to big. Though, it is personal preference.YELLOW LETTERING This changes the side thickness. The first number makes it thinner ( the zero) the second number would make it thicker (the three). Leave it default it you want.
Second:
This is to be placed around each module you want round corners on. This coding can be found in your advanced profile layout.
<div class="roundedcornr_box_1">
<div class="roundedcornr_top_1"><div></div></div>
<div class="roundedcornr_content_1">
#MODULE NAME HERE#
</div>
<div class="roundedcornr_bottom_1"><div></div></div>
</div>
<br>
Explanation of how it works: RED LETTERINGPlace your module here. Including the "#" 's. You need this coding around each module you want corners on. If not, it wont work for every module. ORANGE LETTERINGThe br tag is necessary in most cases. If you don't add this every time you want corners, sometimes the corner coding may merge into one line with the above module.
And walla you are done!!! |
| Added: 2 months ago | Tags: rounded, corners, uber, style, noise, less, noiseless, profile, cool, fun, good, sexy, botch, tom, hot, sex, in the butt |
|
 Add Feedback Provide constructive feedback. What is "constructive"?You cannot post yet!Get involved on FPSB by posting your thoughts. Give authors your feedback to help them develop. To post in this submission register or login. |
 You cannot assess yet!Moderating FPSB is in your hands - when you assess a submission your vote determines its success or failure. To vote on this submission register or login. This Tutorial in a nutshell...  No stamps recordedYou cannot stamp yet!Stamps let you apply characteristics to submissions to help others understand them. To stamp this submission register or login.
 |
Do Work Inc.
Do Work Son! |
| Membership: On Request |
| Primary Skills: Concept Art, Graphic Design, Motion Graphics |
| Inception: 6 months ago |
Want more? Find related tuts. |
Subscribe
