| ✫ finest ➲ design ✫ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
▾▾ Utility▾▾
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| |
Quellcode Vista Small auf ca.1920 Pixel Breite.
<style type="text/css">
<!--
/* Werbung mittig */
table[height="102"] { margin: auto; }
/* Hintergrund und Farbe hinter Design */
body {
background-color: #;
background-image: url(https://img.webme.com/pic/f/finest-design/vista12.jpg);
background-repeat: repeat;
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/f/finest-design/headersmall1.png);
border: 0px solid #000000; }
/* HOVER HEADER 2 980 x 104 */
td.edit_header_full table[width="921"]:hover {
background-color: #;
background-image: url(Hier kannst du einen 2. Heder einfügen bei Bedarf);
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: #;
height: 0px;
font-size: 12px;
font-family: Times New Roman;
background-color: #; }
/* Titelfeld ?ber Navi 160 x 30 */
td.nav_heading {
color: #;
height: 0px;
font-size: 12px;
font-family: Times New Roman;
background-color: #;
background-image: none; }
/* Navi-Button 160 x 33 */
td.nav {
background-color: #;
background-image: none; }
/* 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: none; }
/* HOVER Textlink */
td.nav a:hover {
font-size: 14px;
font-family: Times New Roman;
color: #d97222;
text-decoration: none; }
/* Grafik unter Navi entfernt mit */
td.edit_below_nav img { display:none; }
/* Abschluss unter der Navigation */
td.edit_below_nav {
height: 0px;
background-image: none; }
td.edit_rechts_cbg {
height: 50%!important;
background-image: none; }
/* Seiteninhalt */
table.edit_rechts_tabelle {
width:610px!important;
margin-left: 20px;
margin-top: 15px ;
margin-right: 20px;
background-color: #343434;
border: 1px solid #000000;
-moz-box-shadow: 7px 7px 9px #000000;
-webkit-box-shadow: 7px 7px 9px #000000;
box-shadow: 7px 7px 9px #000000;
zoom: 1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', 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: #343434;
background-image: none; }
/* Titeltext ?ber Seiteninhalt */
td.headline2 {
color: #343434;
font-size: 12px;
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: url(https://img.webme.com/pic/f/finest-design/bgbox343434.png); }
/* 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: 1px solid #000000;
background-color: #343434; }
/* Titelfeld ?ber Box 168 x 30 */
td.sidebar_heading {
height: 30px;
color: #cccccc;
font-size: 12px;
font-family: Times New Roman;
background-color: #454545;
background-image: url(https://img.webme.com/pic/d/designtogo/fotostreifen30.png);
border-bottom: 1px solid #000000; }
/* Inhalt der Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
background-image: url(https://img.webme.com/pic/f/finest-design/boxbg.png); }
/* Abschluss unter den Boxen */
td.edit_rb_footer {
height: 20px;
background-image: url(https://img.webme.com/pic/d/designtogo/fotostreifen20z.png); }
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 NDERN ! */
margin-left: -308px; /* nach LINKS + RECHTS verschieben */
margin-top: 190px; /* 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: 4px; /* 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: 117px; /* = Breite des Button */
height: 20px; /* = 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: 12px; /* = Link Textgroe e */
font-family: Times New Roman; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #343434; /* = 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:15px;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
background-color: #404040; }
/*Galerie - Videos nebeneinander*/
.video {
float: left;
width: 230px;
margin: 10px;
border: 7px solid #C3C3C3;
overflow: hidden; }
/* --- Galerie - Aussehen der verkleinerten Bilder --- */
.bild {
float: left;
width: 160px;
padding: 10px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #FFFFFF;
border: 1px solid #c9c9c9;
-moz-box-shadow: 6px 6px 8px #2c4069;
-webkit-box-shadow: 6px 6px 8px #2c4069;
box-shadow: 6px 6px 8px #2c4069; }
/* --- Hover Effekt --- */
.bild:hover {
width: 160px;
padding: 8px;
margin-right: 24px;
margin-bottom: 24px; }
--></style>
<div id="Menu_Box">
<div id="link_1"> <a href="HIER DEIN LINK">HIER DEIN TEXT</a> </div>
<div id="link_2"> <a href="HIER DEIN LINK">HIER DEIN TEXT</a> </div>
<div id="link_3"> <a href="HIER DEIN LINK">HIER DEIN TEXT</a> </div>
<div id="link_4"> <a href="HIER DEIN LINK">HIER DEIN TEXT</a> </div>
<div id="link_5"> <a href="HIER DEIN LINK">HIER DEIN TEXT</a> </div>
</div>
|
 |
|
|
|
|
|
| |
Optimized for Firefox + Chrome | Today 27 visitors | Thank you for visiting !
|
|
|
|
|
|
|
|
