06. CSS Simple Drop Down Menu




  • A Skyrim RP
    Beyond the Fall


    Welcome
    w
    elcome to BEYOND THE FALL, a post-Elder Scrolls V: Skyrim RP forum. This RP forum is rated M for Blood and Gore, Intense Violence, Sexual Themes, & Use of Alcohol. It is recommended that you are 18+ to join BtF.


  • News
    I
    t's Summer Time! I hope you've got your roleplaying faces on, because we are officially opened! For all you guests out there, be sure to join in on the fun as we kick-off the start of the site with the Felcrown plot! We are hoping to fill up as many leadership positions as we can so that we can get this party started.

    There are unlimited number of characters that you can make, but keep in mind that when it comes to activity checks, we will have a minimum post-count per character since its creation in order for you to keep it. If not, they will be declared inactive and will be sent to the archives.

    If you have any questions, don't be afraid to shoot a staff member a PM, or you are free to post in our member support forum in The Summit category.

    -- Arcane, the Great

  • ...........................



Profile
Personal Photo

No Photo

Options
Custom Title
Kuro doesn't have a custom title currently.
Personal Info
Location: No Information
Born: No Information
Website: No Information
Interests
No Information
Other Information
Birthday: ♛
Race: ♛
Occupation: ♛
Faction: ♛
Class: ♛
Application: No Information
Plot Page: No Information
Thread tracker: No Information
Inventory : http://beyondthefall.b1.jcink.com/index.php?act=store&code=view_inventory&memberid=13
Statistics
Joined: 22-May 14
Status: (Offline)
Last Seen: Jul 29 2014, 11:55 PM
Local Time: Aug 16 2018, 02:36 AM
1 posts (0 per day)
( 0.24% of total forum posts )
Contact Information
AIM No Information
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

Kuro

Admin

Topics
Posts
Comments
Friends
My Content
May 30 2014, 03:38 PM
To edit the color of the app, change all of the #333366 hex color codes that you see to a more desired color. This app must be placed immediately under your character registration app.


[dohtml]<link href='http://fonts.googleapis.com/css?family=Wire+One|Advent+Pro:500' rel='stylesheet' type='text/css'>
<br><center><style text="text/css">

.zenamezoo { width:450; height:46; background-color:#d4cdc3; border-right:1px solid #333366; font-family:Wire One,sans-serif; font-size:40px; color:#333366; line-height:100%; font-weight:bold; text-shadow:1px 1px 1px #333366; text-transform:lowercase; text-align:center; display:table-cell; vertical-align:bottom; }

.zelittlestuffoo { width:200px; height:30px; background-color:#d4cdc3; color:#333366; font-family:Wire One,sans-serif; font-size:30px; line-height:100%; text-transform:uppercase; text-align:center; display:table-cell; vertical-align:middle; border-bottom:1px solid #333366; font-weight:bold; }

.zemainstuffoo { width:430px; height:200px; background-color:#d4cdc3; border-right:1px solid #333366; border-bottom:1px solid #333366; padding:0px 10px; }

.zemaininfooo { width:410px; height:170px; background-color:#e3dbd0; padding:10px; text-align:justify; font-family:arial; font-size:11px; color:#333366; line-height:100%; overflow:auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.titlezoo { font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center }

.zesamplebaseoo { width:430; background-color:#d4cdc3; border-top:1px solid #333366; padding:10px; }

.zesampleoo { width:410px; max-height:250px; background-color:#e3dbd0; padding:10px; text-align:justify; font-family:arial; font-size:11px; color:#333366; line-height:100%; overflow:auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.scrollingz ::-webkit-scrollbaroo { width: 5px; } .scrollingz ::-webkit-scrollbar-track { background-color:#e3dbd0; } .scrollingz ::-webkit-scrollbar-thumb { background-color:#333366; }

</style><div style="width:450px; border:15px solid #333366; background-color:#333366;" class="scrollingz"><table cellspacing="0" cellpadding="0">
<td><div class="zenamezoo">


Name (Species)


</div><div class="zemainstuffoo">
<div class="zemaininfooo">
<div class="titlezoo">
APPEARANCE</div>


APPEARANCE HERE, 1-2 PARAGRAPHS



<br><br><bR><br><br><br><br><div class="titlezoo">
Personality</div>


PERSONALITY HERE, 1-2 PARAGRAPHS


</div></div><Br><div class="zesamplebaseoo">
<div class="zesampleoo"><div class="titlezoo">
OTHER INFO</div>
    Abilities:
      <br>Describe what skills or abilities your animal companion has, if any. These will be notable abilities--albeit natural to their species--that they possess. <br>
    • 1
    • 2
</div></div></div></table></center>[/dohtml]

CODE
[dohtml]<link href='http://fonts.googleapis.com/css?family=Wire+One|Advent+Pro:500' rel='stylesheet' type='text/css'>
<br><center><style text="text/css">

.zenamezoo { width:450; height:46; background-color:#d4cdc3; border-right:1px solid #333366; font-family:Wire One,sans-serif; font-size:40px; color:#333366; line-height:100%; font-weight:bold; text-shadow:1px 1px 1px #333366; text-transform:lowercase; text-align:center; display:table-cell; vertical-align:bottom; }

.zelittlestuffoo { width:200px; height:30px; background-color:#d4cdc3; color:#333366; font-family:Wire One,sans-serif; font-size:30px; line-height:100%; text-transform:uppercase; text-align:center; display:table-cell; vertical-align:middle; border-bottom:1px solid #333366; font-weight:bold; }

.zemainstuffoo { width:430px; height:200px; background-color:#d4cdc3; border-right:1px solid #333366; border-bottom:1px solid #333366; padding:0px 10px; }

.zemaininfooo { width:410px; height:170px; background-color:#e3dbd0; padding:10px; text-align:justify; font-family:arial; font-size:11px; color:#333366; line-height:100%; overflow:auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.titlezoo { font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center }

.zesamplebaseoo { width:430; background-color:#d4cdc3; border-top:1px solid #333366; padding:10px; }

.zesampleoo { width:410px; max-height:250px; background-color:#e3dbd0; padding:10px; text-align:justify; font-family:arial; font-size:11px; color:#333366; line-height:100%; overflow:auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.scrollingz ::-webkit-scrollbaroo { width: 5px; } .scrollingz ::-webkit-scrollbar-track { background-color:#e3dbd0; } .scrollingz ::-webkit-scrollbar-thumb { background-color:#333366; }

</style><div style="width:450px; border:15px solid #333366; background-color:#333366;" class="scrollingz"><table cellspacing="0" cellpadding="0">
<td><div class="zenamezoo">


Name (Species)


</div><div class="zemainstuffoo">
<div class="zemaininfooo">
<div class="titlezoo">
APPEARANCE</div>


APPEARANCE HERE, 1-2 PARAGRAPHS



<br><br><bR><br><br><br><br><div class="titlezoo">
Personality</div>


PERSONALITY HERE, 1-2 PARAGRAPHS


</div></div><Br><div class="zesamplebaseoo">
<div class="zesampleoo"><div class="titlezoo">
OTHER INFO</div>[LIST][b]Abilities[/b]:[LIST]<br>Describe what skills or abilities your animal companion has, if any. These will be notable abilities--albeit natural to their species--that they possess. <br>
[*]1
[*]2
[/LIST]
[/LIST]</div></div></div></table></center>[/dohtml]
Last Visitors


Jul 1 2014, 02:34 AM




Jun 22 2014, 10:41 AM




Jun 20 2014, 03:42 PM



Comments
No comments posted.
Add Comment


OUR AFFILIATES