Template CREPÚSCULO para SurdosolLibras.info

Seguindo nossa série de templates para o site Surdosol, segue neste post 3 versões diferentes do template do filme Crepúsculo, já que vampiros e lobisomens estão na moda. Ia fazer um para cada personagem, mas resolvi fazer só do casal, então deixe sua página pessoal com a cara de Edward e Bella. As fãs do Jacob ficarão sem o lobinho =)

Copie todo o código que está em uma das caixas de texto e cole na área de edição do site.

Qualquer dúvida, é só deixar um comentário.
Em breve irei fazer um passo a passo de como personalizar sua página no Surdosol.

Twilight 01

body { background: #000000 url(http://lh4.ggpht.com/_fVcDaukWKEw/TEKaSHyRhGI/AAAAAAAAAfM/vAPL6oHczBo/background2.png) top center no-repeat; scrollbar-face-color: #212121; scrollbar-highlight-color: #404040; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #616161; scrollbar-arrow-color: #A1A1A1; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000; padding-top: 126px; /* distance between top of page and content */ padding-bottom: 20px; /* distance between bottom of page and content */ } /* Top Menu Links */ a.top_menu_item:link { color: #000000; background: none; text-decoration: none; } a.top_menu_item:visited { color: #333333; background: none; text-decoration: none; } a.top_menu_item:hover { color: #444444; background: none; text-decoration: none; } /* LOGGED IN Menu Links */ a.menu_item:link { color: #000000; background: none; text-decoration: none; } a.menu_item:visited { color: #333333; background: none; text-decoration: none; } a.menu_item:hover { color: #444444; background: none; text-decoration: none; } /* Global Links */ a:link { color: #dddddd; text-decoration: none; } a:visited { color: #dddddd; text-decoration: none; } a:hover { color: #ffffff; background: #000000; text-decoration: none; } /* Override All Links */ a { font-weight: bold; } /* Content Box */ div.content { background: url(http://lh3.ggpht.com/_fVcDaukWKEw/TEK5XJDoJAI/AAAAAAAAAfg/mNx8L4Krm2A/BackgroundTwilight.png); background-repeat: no-repeat; background-position: right top; padding: 6px; } div, td { background: transparent; font-family: Arial; font-size: 12px; color: #eeeeee; } td.topbar2, td.topbar2_right { border: 0; background-color: transparent; background-image: url(http://lh3.ggpht.com/_fVcDaukWKEw/TBumhjwhi4I/AAAAAAAAAbE/na0a1iHC_HY/menubgpreto.png); background-repeat: repeat-x; font-weight: bold; font-size: 16px; padding: 10px 8px 10px 8px; color: #eeeeee; } td.menu { background: transparent; background-image: url(http://lh4.ggpht.com/_fVcDaukWKEw/TBumae7LpWI/AAAAAAAAAa8/jpnSnVDRHcY/menu2bgpreto.png); border-width: 0px; border-bottom: 4px; border-color: #eeeeee; padding-top:10px; background-position: bottom; } td.menu_item { background: transparent; background-image: url(http://lh4.ggpht.com/_fVcDaukWKEw/TBumae7LpWI/AAAAAAAAAa8/jpnSnVDRHcY/menu2bgpreto.png); padding-top: 0px; padding-right: 6px; padding-bottom: 5px; padding-left: 6px; font-size: 11px; font-weight: bold; font-family: arial; background-position: bottom; } td.shadow { background: none; visibility:hidden; } td.shadow img { display: none; visibility:hidden; } div.page_header { background: url(http://lh3.ggpht.com/_fVcDaukWKEw/TEK5XBeIg7I/AAAAAAAAAfc/HZ8w3HhH6CY/topotwilight.png) repeat-x; text-align: right; line-height: 42px; font-size: 16px; font-weight: bold; color: #ffffff; background-color: transparent; padding: 0px 0px 00px 0px; } td.header { padding: 4px 2px 4px 4px; border: 1px solid #666666; border-bottom: none; font-weight: bold; background: transparent; background-image: url(http://lh3.ggpht.com/_fVcDaukWKEw/TBumZ1e8QUI/AAAAAAAAAa0/wYyhYFNkZNs/headerpreto.png); background-repeat: repeat-x; color: #ffffff; } td.profile { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; border-width: 1px; border-color: #eeeeee; margin-bottom: 0px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; } div.profile_action { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444444; font-size: 14px; } td.profile_photo { border: 0px solid #aaaaaa; padding: 4px; background-color: transparent; border:0px; } img.photo { border-top: 0px; border-color: #000000; } table.profile_menu { border: 0px; } td.profile_menu1 a { background-color: transparent; background-image: none; background-repeat: repeat-y; background-position: top right; border-bottom: 1px solid #eeeeee; padding: 5px 5px 5px 7px; font-size: 11px; font-weight: bold; } td.profile_menu1 a:hover { background-color: transparent; color: 000000; font-weight: bold; background-image: none; } td.profile_viewcomments_postcomment { padding: 1px; color: transparent; border: 0px solid #CCCCCC; background: transparent; } td.profile_postcomment { padding: 18px; border: none; border-bottom: 1px solid #555555; background: transparent; color: ffffff; } td.profile_comment_author { padding: 5px 7px 5px 7px; background: transparent; } textarea { color: transparent; height:100px; background: transparent; border: 0px; padding: 12px; font-size: 12px; } img.signup_code { background: transparent; padding: 0px; border-width: 2px; border-color: #AAAAAA; } #dhtmltooltip { background: transparent; border: 1px solid #AAAAAA; } div.profile_event_spacer { border-top: 2px solid #AAAAAA; margin: 0px 0px 0px 0px; padding: 4px; } td.profile_event_popup_title { font-size: 11pt; vertical-align: bottom; font-weight: bold; padding: 10px; } td.profile_event_popup2 { background: transparent; width: 640px; padding: 8px; } td.profile_event_transparent { background: transparent; opacity: 0.5; filter: alpha(opacity=20); -moz-opacity: 0.2; } /* PAGE FOOTER */ div.copyright a:link { color: #ffffff; text-decoration: none; } div.copyright a:visited { color: #ffffff; text-decoration: none; } div.copyright a:hover { color: #ffffff; text-decoration: none; } div.copyright { background: transparent; border: 1px solid #AAAAAA; } /* image verification input */ input.text, input.text_small { border-color: #666666; font-size: 12px; color: #ffffff; background-color: transparent; }

Twilight 02

body { background: #000000 url(http://lh4.ggpht.com/_fVcDaukWKEw/TEKaSHyRhGI/AAAAAAAAAfM/vAPL6oHczBo/background2.png) top center no-repeat; scrollbar-face-color: #212121; scrollbar-highlight-color: #404040; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #616161; scrollbar-arrow-color: #A1A1A1; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000; padding-top: 126px; padding-bottom: 20px; } a.top_menu_item:link { color: #000000; background: none; text-decoration: none; } a.top_menu_item:visited { color: #333333; background: none; text-decoration: none; } a.top_menu_item:hover { color: #444444; background: none; text-decoration: none; } a.menu_item:link { color: #000000; background: none; text-decoration: none; } a.menu_item:visited { color: #333333; background: none; text-decoration: none; } a.menu_item:hover { color: #444444; background: none; text-decoration: none; } a:link { color: #ff0000; text-decoration: none; } a:visited { color: #dddddd; text-decoration: none; } a:hover { color: #ffffff; background: #000000; text-decoration: none; } a { font-weight: bold; } div.content { background: url(http://lh3.ggpht.com/_fVcDaukWKEw/TEK5Xq32M0I/AAAAAAAAAfk/M0qKd5oO4d0/BackgroundTwilight2.png); background-repeat: no-repeat; background-position: right top; padding: 6px; } div, td { background: transparent; font-family: Arial; font-size: 12px; color: #eeeeee; } td.topbar2, td.topbar2_right { border: 0; background-color: transparent; background-image: url(http://lh3.ggpht.com/_fVcDaukWKEw/TBumhjwhi4I/AAAAAAAAAbE/na0a1iHC_HY/menubgpreto.png); background-repeat: repeat-x; font-weight: bold; font-size: 16px; padding: 10px 8px 10px 8px; color: #eeeeee; } td.menu { background: transparent; background-image: url(http://lh4.ggpht.com/_fVcDaukWKEw/TBumae7LpWI/AAAAAAAAAa8/jpnSnVDRHcY/menu2bgpreto.png); border-width: 0px; border-bottom: 4px; border-color: #eeeeee; padding-top:10px; background-position: bottom; } td.menu_item { background: transparent; background-image: url(http://lh4.ggpht.com/_fVcDaukWKEw/TBumae7LpWI/AAAAAAAAAa8/jpnSnVDRHcY/menu2bgpreto.png); padding-top: 0px; padding-right: 6px; padding-bottom: 5px; padding-left: 6px; font-size: 11px; font-weight: bold; font-family: arial; background-position: bottom; } td.shadow { background: none; visibility:hidden; } td.shadow img { display: none; visibility:hidden; } div.page_header { background: url(http://lh3.ggpht.com/_fVcDaukWKEw/TEK5XBeIg7I/AAAAAAAAAfc/HZ8w3HhH6CY/topotwilight.png) repeat-x; text-align: right; line-height: 42px; font-size: 16px; font-weight: bold; color: #ffffff; background-color: transparent; padding: 0px 0px 00px 0px; } td.header { padding: 4px 2px 4px 4px; border: 1px solid #666666; border-bottom: none; font-weight: bold; background: transparent; background-image: url(http://lh3.ggpht.com/_fVcDaukWKEw/TBumZ1e8QUI/AAAAAAAAAa0/wYyhYFNkZNs/headerpreto.png); background-repeat: repeat-x; color: #ffffff; } td.profile { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; border-width: 1px; border-color: #eeeeee; margin-bottom: 0px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; } div.profile_action { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444444; font-size: 14px; } td.profile_photo { border: 0px solid #aaaaaa; padding: 4px; background-color: transparent; border:0px; } img.photo { border-top: 0px; border-color: #000000; } table.profile_menu { border: 0px; } td.profile_menu1 a { background-color: transparent; background-image: none; background-repeat: repeat-y; background-position: top right; border-bottom: 1px solid #eeeeee; padding: 5px 5px 5px 7px; font-size: 11px; font-weight: bold; } td.profile_menu1 a:hover { background-color: transparent; color: 000000; font-weight: bold; background-image: none; } td.profile_viewcomments_postcomment { padding: 1px; color: transparent; border: 0px solid #CCCCCC; background: transparent; } td.profile_postcomment { padding: 18px; border: none; border-bottom: 1px solid #555555; background: transparent; color: ffffff; } td.profile_comment_author { padding: 5px 7px 5px 7px; background: transparent; } textarea { color: transparent; height:100px; background: transparent; border: 0px; padding: 12px; font-size: 12px; } img.signup_code { background: transparent; padding: 0px; border-width: 2px; border-color: #AAAAAA; } #dhtmltooltip { background: transparent; border: 1px solid #AAAAAA; } div.profile_event_spacer { border-top: 2px solid #AAAAAA; margin: 0px 0px 0px 0px; padding: 4px; } td.profile_event_popup_title { font-size: 11pt; vertical-align: bottom; font-weight: bold; padding: 10px; } td.profile_event_popup2 { background: transparent; width: 640px; padding: 8px; } td.profile_event_transparent { background: transparent; opacity: 0.5; filter: alpha(opacity=20); -moz-opacity: 0.2; } div.copyright a:link { color: #ffffff; text-decoration: none; } div.copyright a:visited { color: #ffffff; text-decoration: none; } div.copyright a:hover { color: #ffffff; text-decoration: none; } div.copyright { background: transparent; border: 1px solid #AAAAAA; } input.text, input.text_small { border-color: #666666; font-size: 12px; color: #ffffff; background-color: transparent; }

Twilight 03

body { background: #000000 url(http://lh4.ggpht.com/_fVcDaukWKEw/TEKaSHyRhGI/AAAAAAAAAfM/vAPL6oHczBo/background2.png) top center no-repeat; scrollbar-face-color: #212121; scrollbar-highlight-color: #404040; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #616161; scrollbar-arrow-color: #A1A1A1; scrollbar-track-color: #000000; scrollbar-darkshadow-color: #000000; padding-top: 126px; padding-bottom: 20px; } a.top_menu_item:link { color: #000000; background: none; text-decoration: none; } a.top_menu_item:visited { color: #333333; background: none; text-decoration: none; } a.top_menu_item:hover { color: #444444; background: none; text-decoration: none; } a.menu_item:link { color: #000000; background: none; text-decoration: none; } a.menu_item:visited { color: #333333; background: none; text-decoration: none; } a.menu_item:hover { color: #444444; background: none; text-decoration: none; } a:link { color: #ff0000; text-decoration: none; } a:visited { color: #dddddd; text-decoration: none; } a:hover { color: #ffffff; background: #000000; text-decoration: none; } a { font-weight: bold; } div.content { background: url(http://lh4.ggpht.com/_fVcDaukWKEw/TEK5XzZiWKI/AAAAAAAAAfo/IHsALHBpDtQ/BackgroundTwilight3.png); background-repeat: no-repeat; background-position: right top; padding: 6px; } div, td { background: transparent; font-family: Arial; font-size: 12px; color: #eeeeee; } td.topbar2, td.topbar2_right { border: 0; background-color: transparent; background-image: url(http://lh3.ggpht.com/_fVcDaukWKEw/TBumhjwhi4I/AAAAAAAAAbE/na0a1iHC_HY/menubgpreto.png); background-repeat: repeat-x; font-weight: bold; font-size: 16px; padding: 10px 8px 10px 8px; color: #eeeeee; } td.menu { background: transparent; background-image: url(http://lh4.ggpht.com/_fVcDaukWKEw/TBumae7LpWI/AAAAAAAAAa8/jpnSnVDRHcY/menu2bgpreto.png); border-width: 0px; border-bottom: 4px; border-color: #eeeeee; padding-top:10px; background-position: bottom; } td.menu_item { background: transparent; background-image: url(http://lh4.ggpht.com/_fVcDaukWKEw/TBumae7LpWI/AAAAAAAAAa8/jpnSnVDRHcY/menu2bgpreto.png); padding-top: 0px; padding-right: 6px; padding-bottom: 5px; padding-left: 6px; font-size: 11px; font-weight: bold; font-family: arial; background-position: bottom; } td.shadow { background: none; visibility:hidden; } td.shadow img { display: none; visibility:hidden; } div.page_header { background: url(http://lh3.ggpht.com/_fVcDaukWKEw/TEK5XBeIg7I/AAAAAAAAAfc/HZ8w3HhH6CY/topotwilight.png) repeat-x; text-align: right; line-height: 42px; font-size: 16px; font-weight: bold; color: #ffffff; background-color: transparent; padding: 0px 0px 00px 0px; } td.header { padding: 4px 2px 4px 4px; border: 1px solid #666666; border-bottom: none; font-weight: bold; background: transparent; background-image: url(http://lh3.ggpht.com/_fVcDaukWKEw/TBumZ1e8QUI/AAAAAAAAAa0/wYyhYFNkZNs/headerpreto.png); background-repeat: repeat-x; color: #ffffff; } td.profile { background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; border-width: 1px; border-color: #eeeeee; margin-bottom: 0px; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; } div.profile_action { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #444444; font-size: 14px; } td.profile_photo { border: 0px solid #aaaaaa; padding: 4px; background-color: transparent; border:0px; } img.photo { border-top: 0px; border-color: #000000; } table.profile_menu { border: 0px; } td.profile_menu1 a { background-color: transparent; background-image: none; background-repeat: repeat-y; background-position: top right; border-bottom: 1px solid #eeeeee; padding: 5px 5px 5px 7px; font-size: 11px; font-weight: bold; } td.profile_menu1 a:hover { background-color: transparent; color: 000000; font-weight: bold; background-image: none; } td.profile_viewcomments_postcomment { padding: 1px; color: transparent; border: 0px solid #CCCCCC; background: transparent; } td.profile_postcomment { padding: 18px; border: none; border-bottom: 1px solid #555555; background: transparent; color: ffffff; } td.profile_comment_author { padding: 5px 7px 5px 7px; background: transparent; } textarea { color: transparent; height:100px; background: transparent; border: 0px; padding: 12px; font-size: 12px; } img.signup_code { background: transparent; padding: 0px; border-width: 2px; border-color: #AAAAAA; } #dhtmltooltip { background: transparent; border: 1px solid #AAAAAA; } div.profile_event_spacer { border-top: 2px solid #AAAAAA; margin: 0px 0px 0px 0px; padding: 4px; } td.profile_event_popup_title { font-size: 11pt; vertical-align: bottom; font-weight: bold; padding: 10px; } td.profile_event_popup2 { background: transparent; width: 640px; padding: 8px; } td.profile_event_transparent { background: transparent; opacity: 0.5; filter: alpha(opacity=20); -moz-opacity: 0.2; } div.copyright a:link { color: #ffffff; text-decoration: none; } div.copyright a:visited { color: #ffffff; text-decoration: none; } div.copyright a:hover { color: #ffffff; text-decoration: none; } div.copyright { background: transparent; border: 1px solid #AAAAAA; } input.text, input.text_small { border-color: #666666; font-size: 12px; color: #ffffff; background-color: transparent; }