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
Head-Admin
Personal Info
Location: No Information
Born: 4 February 1993
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 : No Information
Statistics
Joined: 12-May 14
Status: (Offline)
Last Seen: Yesterday at 10:47 pm
Local Time: Aug 16 2018, 03:35 AM
30 posts (0 per day)
( 7.28% of total forum posts )
Contact Information
AIM Arcanemagitek
Yahoo No Information
GTalk No Information
MSN No Information
SKYPE No Information
Unread Message Message: Click here
Unread Message Email: Private
Signature
View Signature

Arcane

Admin

Topics
Posts
Comments
Friends
My Content
Jul 2 2014, 12:15 AM
    [dohtml]<center><div class="wrap"><div class="postitle">A Guide to BtF</div>
    <div class="postsub">Where do you start?</div>
    <div class="postcont">

    <br><br><br>
    Reading:<br><br>

    Before Registering or creating a character, it is required that you check out our RULES and PLOT so that you have a good idea as to what we're all about. Read through them carefully because breaking the rules will not be taken lightly! Ignorance of the Rules is no defense. If your questions aren't answered in the Chat box, You may drop us some questions in our Support board. Please read the site information carefully before asking questions, especially anything related to your character.<br><br>

    Registration: <br><br>

    Please register with your character's full name in proper case, like so: Ulfric Stormcloak. It must be their real name in some form, not an alias. You may register an alias if you have not thought of a name and change it later when you are applying with a character. <br><br>
    You do not need to ask a staff member to do change the name of your account. You can change it yourself in the control panel. If you registered in all caps or lowercase by accident, you will have to change your name by putting a symbol after it, and then change it again to the real name. For example: ULFRIC STORMCLOAK > Ulfric Stormcloak* > Ulfric Stormcloak.
    <br><br>

    Upon registering into the forum, your account will receive 500 septim. The 500 Septim is to be used in our store, THE SLEEPING DRAGON. There, you can purchase armors, weapons, animal companions, and more! Be careful with how you spend your Septim, because once you're out, you're out! Note: You get 10 Septim for every IC post you make on the forum.
    <BR>
    <BR>



    <BR>
    <BR>

    Applying & Reservations:<br><br>
    You have five days to complete your application. A posted application in the registration section acts as a reserve for both face claims and want ads. For this reason, you MUST notify a staff member if you will take longer than five days to finish your application, or it will be archived for the sake of the face claim. Extensions last five additional days, for a maximum total of ten days.
    <BR>
    <BR>
    When your application is being reviewed, you will receive a PM from an admin about changes. Most of the time these are minor and if you simply make the requested changes and/or answer any questions we have, you will be accepted.
    <br><br>

    The Final Step:<br><br>
    Congratulations on being accepted! The first thing you should do is MAKE YOUR CLAIMS. <br><br>
    • Make sure that your FACE CLAIM has been submitted.
    • FILL OUR YOUR MINI PROFILE by editting your profile info in MY CONTROLS. If you haven't done so already.
    • POST A PLOTTER and post in other peoples' plotters as well. We encourage you to approach other people, not just wait for everyone else!
    • If you like to have extra things for your character, such as thread trackers, journals, playlists, inspiration threads, and more, feel free to post inthe FORT,
    • HAVE FUN!
    <BR>
    <BR>
    .
    </div></div></center>[/dohtml]
Jun 29 2014, 02:39 PM
[dohtml]<style type="text/css">

::-webkit-scrollbar {height: 10px;width: 2px;background: #0b0100;}</style>

<style type="text/css">
.thread {height: 350px; font-family: cambria; font-size: 10px;overflow: auto; text-align: justify; padding: 3px; color: black;}
.thread b {color: #a3a1a1;}
.thread ::-webkit-scrollbar { height: 12px; width: 4px; background-color: #0b0100;}
.thread ::-webkit-scrollbar-thumb {background-color:#cd737c;}
.thread ::-webkit-scrollbar-corner {background-color: #efefef;}
</style>


<center>

<div style="background-color: #0b0100; border: solid 10px #c0a29e; padding: 10px; width: 520px; margin: auto;"><div style="width= 485px; padding: 5px; border: 3px double #f0f0f0">

<img src="http://i58.tinypic.com/kan5hs.png" width="485">

<div style="padding: 5px 0px;"><div class="thread">


<span style='font-size:14pt;line-height:100%'>Summer Staff Search

<br><br>

As you can see, Beyond the Fall is in need of staff! Please read the requirements below and if you are interested, shoot Arcane or Kuro a PM.<br><br>

Kind of Staff Needed: <br><br>

Plot Moderators: Plot moderators are in charge of the ongoing plot and their duties would include, but would not be limited to, creating or generating new ideas for the plot to run by staff, making plot related announcements in the announcement boards, and to encourage members to carry on in their own individual plots, as well as become involved in those individual plots with their own characters. They are to promote activity for the forum. <br><br>

Advertising Moderator: The Advertising moderator's sole duty would be to keep charge of all advertisements that go in and out of the forum. They are to link back on all first links on the forums and advertise on other forums on a week to week basis. They will have a quota to meet. <br><br>

Graphic Moderator: The Graphic moderator's duties would include, but would not be limited to, maintaining and updating graphics on the forum. For example, when new applications are approved, one of their jobs would be to update the statistics graphics on the side bar of the forum. When new mods are approved, their job would include updating the staff panel on the hover banner. Optional: they may bring in new and improved graphics to the site skin and will have access to the test forum. <br><br>

Lore/Support Moderators: Lore/Support moderators responsibilities include being knowledgeable in the Elder Scrolls V: Skyrim Lore and applying the Lore to the forum. They are to answer all Lore related questions made by members. Part of their duties would be to check application histories to make sure that character applications are on par with the Skyrim Lore as well as the site timeline. They are also to make sure that all plot that is brought forth into the site is to remain Lore friendly. They are in charge of the Support board on the forum, making sure that all vetoes and Q&A forums are up to date. <br><br>



Other: <br><br>
  • All moderators must be active on the forum with no less than two characters each. <br>
  • Must be constantly monitoring applications. <br>
  • Take part in discussing and developing plot. <br>
  • Must make sure that members are following the rules, and to follow the rules themselves (they are also free to make suggestions on rule changes). <br>
  • Must have fun!! <br>
Ideal applicant:<br><br>

Former moderating history is unnecessary and not required for you to become a staff on Beyond the Fall. As long as you prove yourself and are active and friendly and adhere to our rules, anyone can be accepted. However, it would be favorable if you happen to have past experience in staffing. <br><br>


.
</span>

</div>
</div>
</div>
</center><center><a href="http://shine.b1.jcink.com/index.php?showuser=66"><div style="width: 485px; text-align: right; font-family: geneva; font-size: 9px; text-transform: uppercase; color: #000; line-height: 95%; padding-top: 3px;">© </div></a></center>
[/dohtml]
Jun 11 2014, 02:39 PM
[dohtml]<center><div class="wrap"><div class="postitle">Dawnguard</div>
<div class="postsub">Will you rise against vampires? </div>
<div class="postcont">
    <br><Br>
    <style type="text/css">
    .char001 { opacity: 0; width: 133px; height: 90px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
    .char001:hover { opacity: 1 }
    .chardesc { width: 113px; height: 70px; background-color: #f5f5f5; padding: 5px; font-family: La Belle Aurore, cursive; text-transform: lowercase; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px; font-size: 20px; text-align: justify; line-height: 100%; color: #222; padding: 10px; overflow:auto; }
    .charname { font-family: La Belle Aurore; font-weight: bold; text-transform: lowercase; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px; font-size: 20px; text-align: center; padding: 3px; line-height: 110%; }
    </style>
    <br>
    <div class="headhead"><div style="font-family: Marcellus SC; color: 866F87; font-size: 34px; text-transform: Capitalize; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px;">Guildmaster</div></div>
    <br>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>

    <br>
    <br>
    <div class="headhead"><div style="font-family: Marcellus SC; color: 866F87; font-size: 34px; text-transform: Capitalize; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px;">Second-in-command</div></div>
    <br>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
    <br>
    <br>
    <div class="headhead"><div style="font-family: Marcellus SC; color: 866F87; font-size: 34px; text-transform: Capitalize; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px;">Hunters</div></div>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a></td><br><td><a href="http://beyondthefall.jcink.net/index.php?showuser=3"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a></td><br><td><a href="http://beyondthefall.jcink.net/index.php?showuser=3"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a></td><br><td><a href="http://beyondthefall.jcink.net/index.php?showuser=3"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
</div></div></center>[/dohtml]
Jun 11 2014, 02:37 PM
[dohtml]<center><div class="wrap"><div class="postitle">Silver Hand</div>
<div class="postsub">Will you rise against werewolves? </div>
<div class="postcont">
    <br><Br>
    <style type="text/css">
    .char001 { opacity: 0; width: 133px; height: 90px; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; }
    .char001:hover { opacity: 1 }
    .chardesc { width: 113px; height: 70px; background-color: #f5f5f5; padding: 5px; font-family: La Belle Aurore, cursive; text-transform: lowercase; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px; font-size: 20px; text-align: justify; line-height: 100%; color: #222; padding: 10px; overflow:auto; }
    .charname { font-family: La Belle Aurore; font-weight: bold; text-transform: lowercase; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px; font-size: 20px; text-align: center; padding: 3px; line-height: 110%; }
    </style>
    <br>
    <div class="headhead"><div style="font-family: Marcellus SC; color: 866F87; font-size: 34px; text-transform: Capitalize; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px;">Guildmaster</div></div>
    <br>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>

    <br>
    <br>
    <div class="headhead"><div style="font-family: Marcellus SC; color: 866F87; font-size: 34px; text-transform: Capitalize; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px;">Second-in-command</div></div>
    <br>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
    <br>
    <br>
    <div class="headhead"><div style="font-family: Marcellus SC; color: 866F87; font-size: 34px; text-transform: Capitalize; text-shadow: 1px 1px 0px white, 2px 2px 0px black; padding-bottom: 7px;">Hunters</div></div>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a></td><br><td><a href="http://beyondthefall.jcink.net/index.php?showuser=3"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a></td><br><td><a href="http://beyondthefall.jcink.net/index.php?showuser=3"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
    <div class="headcont"><table><tr><td><a href="http://beyondthefall.jcink.net/index.php?showuser=2"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a></td><br><td><a href="http://beyondthefall.jcink.net/index.php?showuser=3"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a><br><a href="http://beyondthefall.jcink.net/index.php?showuser=8"><div style="width: 133px; height: 90px; background-image: url(http://i62.tinypic.com/10shgf9.png); border: 5px solid ##000000; ">
    <div class="staf">
    <div class="char001">
    <div class="chardesc">
    <div class="charname">Open</div></div></div></div></div></a>

    </td></tr></table></div>
</div></div></center>[/dohtml]
Last Visitors


Jul 11 2014, 08:44 PM




Jun 30 2014, 12:57 AM




Jun 29 2014, 04:40 PM



Comments
No comments posted.
Add Comment

Friends

0 posts
Active: Jul 11 2014, 08:44 PM


4 posts
Active: Jun 7 2014, 06:58 AM


OUR AFFILIATES