HPBK--designz
So... freut euch auf eure Baukasten-Designs
ICEBLUE-Designs
---gilt nur beim Design Iceblue, wenn ihr ihn also benutzen wollt, dann stellt vorher auf Design Iceblue ---
Header [als kleiner vorgeschmack^^]
---* WICHTIG*---
ihr könnt den Code beliebig verändern, ich habe nur ein paar Sachen verändert^^, z.B.: die rechten Boxen. Als Erklärung habe ich über jeden Abschnitt
das was man sich unter dem td. vorstellen kann geschrieben...
--- ich muss in die Credits und so, ihr wisst schon ^.^ ---
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#FFFFFF;
background-image: none;
background-repeat: repeat;
text-align:center; }
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
height: 406 px;
width: 937 px;
background-image:url(http://i50.tinypic.com/2z4bcs4.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://i50.tinypic.com/bhhfg8.jpg);
border:1px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://i48.tinypic.com/xojcwj.jpg);
border:1px solid #000000; }
/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}
/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }
/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image: none;
border:0px solid #000000; }
/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://i49.tinypic.com/ie2tm0.jpg);
border:1px solid #000000; }
/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: none;
border:1px solid #000000; }
/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://i49.tinypic.com/ie2tm0.jpg);
border:1px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
visibility:hidden; }
/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
visibility:hidden; }
/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: none;
border:0px solid #000000; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http http://i49.tinypic.com/ie2tm0.jpg);
border:1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: none;
border:1px solid #000000; }
/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: none;
border:0px solid #000000; }
-->
</style>
2.) Narnia Design
Header [ als kleiner Vorgeschmack ]
---* die Rules ^^ lesen, sonst bleibt alles so wie beim ersten HPBK Design *---
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#000000;
background-image: none;
background-repeat: repeat;
text-align:center; }
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
height: 453 px;
width: 927 px;
background-image:url(http://i47.tinypic.com/14y06k8.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(https://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://i48.tinypic.com/xlhy5t.jpg);
border:1px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://i50.tinypic.com/33ynqlc.jpg);
border:1px solid #000000; }
/* Textlinks in Navigation */
td.nav a {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}
/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }
/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image: none;
border:0px solid #000000; }
/* Balken über Textfeld */
td.edit_content_top {
visibility:hidden; }
/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: none;
border:1px solid #000000; }
/* Erste Balken unter Textfeld */
td.edit_content_bottom { visibility:hidden; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
visibility:hidden; }
/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
visibility:hidden; }
/* große Feld unter Textfeld */
td.edit_rechts_cbg {visibility:hidden; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http://i47.tinypic.com/30b2oo9.jpg);
border:1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: none;
border:1px solid #000000; }
/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: none;
border:0px solid #000000; }
-->
</style>