Jump to content

  • HUD Face Claims

       (1 review)

    HUD is a face claims template designed to look like a heads-up display with a table for the face claims. You can see a live preview on my demo board here.

     

    You will need to put any text in <p></p> tags.

    Actual Template Not Responsive

    Face Claims
    Men Women
    Actor — Character Actress — Character
    Actor — Character Actress — Character
    Actor — Character Actress — Character
    Actor — Character Actress — Character

    Template code

    <style type="text/css">
#HUD { width: 500px; background: #232427 url(http://i1116.photobucket.com/albums/k576/freesong_layouts/templates/HUD_background.png); margin: 20px auto; box-shadow: 0 0 10px #000 inset; padding: 15px 0 0; border-radius: 20px; }

#HUD_content { width: 100%; padding: 15px; background: transparent; margin: 0 auto; color: #45a1af; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-shadow: 1px 1px 2px #000; text-align: justify; }

.HUD_title { text-align: center; font-family: Verdana, Arial, Verdana, sans-serif; font-size: 11px; letter-spacing: 5px; color: #51c5d9; text-transform: uppercase; text-shadow: 0 0 5px #51c5d9; font-weight: normal !important; }

#HUD_face { width: 90%; margin: 20px auto; }
#HUD_face th, #HUD_face td { background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/opacity_50black.png); width: 50% !important; padding: 2px 7px; color: #51c5d9; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-shadow: 1px 1px 2px #000; }
#HUD_face td { background: url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/opacity_30black.png); color: #45a1af; width: 50%; }

#HUD_footer { text-align: center; color: #4094a1; font-family: Arial, Verdana, sans-serif; font-size: 11px; text-shadow: 1px 1px 2px #000; margin-top: 20px; padding: 10px;  }

#HUD #CODE-WRAP { font-family: Arial, Verdana, sans-serif; font-size: 11px; text-shadow: 1px 1px 2px #000; width: 80%; margin: 5px auto 20px; }
#HUD #CODE { background: transparent url(http://i1116.photobucket.com/albums/k576/freesong_layouts/skins/opacity_30black.png); color: #45a1af; font-family: courier, courier new, serif; font-size: 12px; padding: 5px; box-shadow: 0 0 10px #000 inset; }
</style>

<div id="HUD">
<img src="http://i1116.photobucket.com/albums/k576/freesong_layouts/templates/HUD_header_3.png" />

<div class="HUD_title"> Face Claims </div>

<table id="HUD_face">
<tr>
<th>Men</th>
<th>Women</th>
</tr>
<tr>
<td>Actor — Character</td>
<td>Actress — Character</td>
</tr>
<tr>
<td>Actor — Character</td>
<td>Actress — Character</td>
</tr>
<tr>
<td>Actor — Character</td>
<td>Actress — Character</td>
</tr>
<tr>
<td>Actor — Character</td>
<td>Actress — Character</td>
</tr>
</table>

<div id="HUD_footer"> HUD template by soggymuse </div>
</div>
    soggymuse

    By soggymuse (edited)

    Edited by Morrigan

    Go to codes Staff Templates

    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.

    Guest
    Sandman

    Sandman 0

      

    Beautiful template, exceptional for any sci-fi themed site.

    Share this review

    Link to review

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept