✫ finest ➲ design ✫
✫ finest ➲ design ✫
  Black Gallery
 
Designcode Vista Black Gallery (Seiteninhalt max 600 Pixel)
<style type="text/css">
<!--

/* Werbung mittig */
table[height="102"] { margin: auto; }

/* Hintergrund und Farbe hinter Design */
body {
background-color: #ffffff;
background-image: url(https://img.webme.com/pic/p/peterdargatz/ledend.jpg);
background-repeat: repeat;background-position: center top;
background-attachment: fixed; }


/* Design mittig */
table.edit_main_table {
width: 980px!important;
margin: auto;
margin-bottom: 50px; }

/* zweite Tabelle um Icblue */
table.edit_second_table {
width: 980px!important; }

/* dritte Tabelle um Iceblue */
table.edit_third_table {
width: 980px!important; }

td.edit_main_tr { height: 50%!important; }

/* --- Headerfeld 1  980 x 104--------------*/
td.edit_header_full table[width="921"] {
width: 980px!important;
height: 104px!important;
background-color: #;
background-image: url(https://img.webme.com/pic/d/designtogo/headerwithe1.png);
border: 0px solid #000000; }

/* Optional HooverHeader - erscheint wenn die Maous drüber fährt  - kann weg!  */
td.edit_header_full table[width="921"]:hover {
background-color: #;
background-image: url(https://img.webme.com/pic/d/designtogo/headerwithe2.png);
border: 0px solid #000000;
}

/* ----- Headerfeld Ende -------------- */

td.edit_header_full {
background-image: none!important; }

td.edit_navi_headbg {
height: 50%!important;
background-image: none; }


/* Feld der Navigation */
td.edit_navi_headbg table {
width:160px!important;
margin-top: 15px;
border-left: 0px solid #000000;
border-top: 0px solid #000000;
border-right: 0px solid #000000;
-moz-box-shadow: 7px 7px 9px #;
-webkit-box-shadow: 7px 7px 9px #;
box-shadow: 7px 7px 9px #;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=7); }

 

/* Titelfeld ?ber Navi 160 x 30 */
td.nav_heading {
color: #cccccc;
height: 30px;
font-size: 14px;
font-family: Times New Roman;
background-color: #;
background-image: url(https://img.webme.com/pic/d/designtogo/grayoverrund11o.png);
 }

/* Navi-Button 160 x 33 */
td.nav {
background-color: #;
background-image: url(https://img.webme.com/pic/d/designtogo/grayoverrund11.png); }

/* Navi-Links */
td.nav a {
display: block;
line-height: 33px;
font-size: 14px;
font-family: Times New Roman;
color: #CCCCCC;
text-decoration: none; }


/* HOVER Button 160 x 33 */
td.nav:hover {
background-color: #;
background-image: url(https://img.webme.com/pic/d/designtogo/grayoverrund11o.png); }

/* HOVER Textlink */
td.nav a:hover {
font-size: 16px;
font-weight: bold;
font-family: Times New Roman;
color: #ffffff;
text-decoration: none; }

/* Grafik unter Navi entfernt mit */
td.edit_below_nav img { display:none; }

/* Abschluss unter der Navigation */
td.edit_below_nav {
height: 20px;
background-image: url(https://img.webme.com/pic/d/designtogo/headbar1.png);
   border: 1px solid #000000;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;  }

td.edit_rechts_cbg {
height: 50%!important;
background-image: none; }

/* Seiteninhalt */
table.edit_rechts_tabelle {
width:630px!important;
margin-left: 15px;
margin-top: 15px ;
margin-right: 15px;
background-color: #;
   border: 1px solid #c9c9c9;
   -moz-border-radius-bottomleft: 10px;
   -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-left-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
 border-top-left-radius: 5px;
   border-top-right-radius: 5px;
border: 1px solid #000000;
moz-box-shadow: 7px 7px 9px #111111;
webkit-box-shadow: 7px 7px 9px #111111;
box-shadow: 7px 7px 9px #111111;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#111111', Direction=135, Strength=7);}


td.edit_content {
padding: 5px!important;
background-image: none; }

/* Titelfeld über Seite 610 x 30 */
td.edit_content_top {
height: 0px;
background-color: #;
background-image: none; }

/* Titeltext ?ber Seiteninhalt */
td.headline2 {
color: #555555;
font-size: 14px;
font-family: Times New Roman;  }

/* Abstandshalter links und rechts im Seiteninhalt */
td.edit_content_left_spacer , td.edit_content_right_spacer {
background-image: none; }

/* Abschluss unter Seiteninhalt */
td.edit_content_bottom {
height: 0px;
background-image: none;  }

/* Counterfeld unten 610 x 30 */
td.edit_content_bottom2_counter {
padding: 5px;
text-align: center;
color: #000000!important;
background-color: #;
background-image: none;
border: 0px solid #454545; }

td.edit_content_bottom2 {
background-image: none; }

 

td.edit_content_bottom2_left_spacer, td.edit_content_botom2_right_spacer {
display: none;}

/*=============*/
/* rechte Box 1 bis 5 */
table#sidebar_heading_1,
table#sidebar_heading_2,
table#sidebar_heading_3,
table#sidebar_heading_4, table#sidebar_heading_5 {
margin-top: 15px;
border: 0px solid #000000;
background-color: #; }

 

 


/* Titelfeld ?ber Box  168 x 30 */
td.sidebar_heading {
height: 30px;
color: #cccccc;
font-size: 14px;
font-family: Times New Roman;
background-color: #;
background-image: url(https://img.webme.com/pic/d/designtogo/boxover.png);
border: 0px solid #000000;  /* = Rahmen */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

/* Inhalt der Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-color: transparent!important;
background-image: url(https://img.webme.com/pic/d/designtogo/boxvista2.png);
 }

/* Abschluss unter den Boxen */
td.edit_rb_footer {
height: 0px;
background-color: #;
background-image: none;
  }

td.edit_rechts_bottom {
background-image: none;}

td.edit_rechts_sbg {display:none;}


/* Feld f r das Menu */
#Menu_Box {
width: 650px; /* Breite  */
position: absolute;
left: 50%; /* = NICHT AENDERN ! */
margin-left: -319px; /* nach LINKS + RECHTS verschieben */
margin-top: 189px; /* nach OBEN + UNTEN verschieben */
overflow: hidden;}
/* die 4 DIV Felder */     
#link_1, #link_2, #link_3, #link_4,#link_5 {
float: left;  /* Buttons nebeneinander */
text-align: center;
margin-right: 5px;   /* Abstand zwischen Buttons */
overflow: hidden; }

/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a,#link_5 a {
display: block; /* = Verlinkung f llt Feld aus */
width: 120px; /* = Breite des Button */
height: 18px; /* = H he des Button */
line-height:20px; /* = muss H he bekommen, die auch height hat */
margin-top: 28px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #cccccc;  /* = Linkfarbe */
font-size: 14px;  /* = Link Textgroe e */
font-family: Times New Roman; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #;  /* = Hintergrundfarbe Link */
border: 1px solid #000000;  /* = Rahmen */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
   
/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover,#link_5 a:hover {
font-size:14px;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
background-color: #;
background-image: url(https://img.webme.com/pic/d/designtogo/headbar1.png);}


/* --- Hover Effekt --- */
.bild:hover {
 width: 160px;
 padding: 8px;
 margin-right: 24px;
 margin-bottom: 24px; }

 


/* Schriftgroesse + Schriftart + Textfarbe */
div, td, span {
color: #FFFFFF;
font-size:16px;
font-family: Times New Roman; }

-->
</style>



<div id="Menu_Box">
<div id="link_1"> <a href="http://designtogo.de.tl/Einbauanleitung.htm">Einbauanleitung</a> </div>
<div id="link_2"> <a href="http://designtogo.de.tl/Guest-book.htm">Guest book</a> </div>
<div id="link_3"> <a href="http://rockcat-radio.de.tl/">Rock-Schmiede</a> </div>
<div id="link_4"> <a href="HIER DEINE LINK URL">Hier dein Textlink</a> </div>
<div id="link_5"> <a href="HIER DEINE LINK URL/">Hier dein Textlink</a> </div>
</div>

 
  
  Optimized for Firefox + Chrome | Today 23 visitors | Thank you for visiting !  
 
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden