Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.08.2011 um 14:55 (UTC)    
Titel: [Vorlage] Design Green für Iceblue

Hier noch Standarddesign, das von mir angepasst wurde. es ist diesmal das Design Green, dass in der kleinen Ausführung wohl nicht sehr beliebt ist. Nun ist es für Iceblue und 980 Pixel breit.

Nun es es leichter änderbar, speziell der Haeder.

Die Boxenüberschriften und Schrift über der Navigation ist ausgeblendet, sie wären zu schlecht zu lesen.

Es sind 5 rechte Boxen vorhanden und die Navigation hat einen Hovereffekt und ein Checked Menü (aktuelle Seite ist, wie die Hoverschrift, andersfarbig).

Die Pünktchen vom Original hab ich weggelassen.

Wer den Titel im Haeder ausgeblendet haben möchte, der fügt das noch im Code mit ein:

Code:
td.headline{visibility:hidden;}




Das Design lass ich ein paar Tage zur Ansicht drin: http://6p-bilder.de.tl/

Das Codegerüst ist mal wieder von hier: http://table-test.de.tl/Iceblue-980-Pixel.htm natürlich mit einigen Änderungen.

Und das ist der Code, einfügen bei Login>>Design einstellen>>Karteireiter erweiterte Einstellungen>>Text über dem Design.

Code:
<style type="text/css">
<!--

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

/* Hintergrund hinter Design */
body {
 background-color: #7D7928;
 background-image: url(http://theme.webme.com/designs/green/images/bg.gif);
 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  980 x 104--------------*/
td.edit_header_full table[width="921"] {
 width: 980px!important;
 height: 96px!important;
 background-color: #7D7928;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/greenhaeder.png);
 border: 1px solid #454545;}

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

td.edit_header_full {
 background-image: url()!important; }

td.edit_navi_headbg {
 height: 50%!important;
 background-image: url(); }

 /* Feld der Navigation */
td.edit_navi_headbg table {
 width:160px!important;
 margin-top: 15px;
 border-left: 1px solid #454545;
 border-top: 1px solid #454545;
 border-right: 1px solid #454545;}


 /* Titelfeld über Navi 160 x 30 */
td.nav_heading {
 color: #000000;
 height: 24px;
 background-color: #7D7928;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/greencontop.png); }

 /* Navi-Button 160 x 33 */
td.nav {
 background-color: #FFFFFF;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/greenbutt1.png); }

/* Navi-Links */
td.nav a {
 display: block;
 line-height: 30px;
 font-size: 13px;
 font-family: arial;
 color: #000000;
 text-decoration: none; }

/* HOVER Button 160 x 33 */
td.nav:hover {
 background-color: #ffffff;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/greenbutt2.png); }

/* HOVER Textlink */
td.nav a:hover {
 font-size: 13px;
 font-family: arial;
 color: #880000;
 text-decoration: none; }

/* Checked Textlink */
tr.checked_menu td a{
 font-size: 13px;
 font-family: arial;
 color: #880000;
 text-decoration: none; }

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

/* Abschluss unter der Navigation */
td.edit_below_nav {
height: 24px;
background-image: url(http://img.webme.com/pic/6/6p-bilder/greenbottom.png); }

td.edit_rechts_cbg {
 height: 50%!important;
 background-image: url(); }

 /* Seiteninhalt */
table.edit_rechts_tabelle {
 width:610px!important;
 margin-left: 20px;
 margin-top: 15px ;
 margin-right: 20px;
 background-color: #FFFFFF;
 border: 1px solid #454545;}
 
td.edit_content {
 padding: 5px!important;
 background-image: url(); }

/* Titelfeld über Seite 610 x 30 */
td.edit_content_top {
 height: 24px;
 background-color: #7D7928;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/greencontop.png);  }

 
 /* Titeltext über Seiteninhalt */
 td.headline2{visibility:hidden;}

 /* Titeltext über Boxen*/
td.sidebar_heading{font-family:Arial;font-size: 0px;color: #000000; text-align: center;}

 /* Titeltext über Navigation*/
td.nav_heading{font-family:Arial;font-size: 0px;color: #000000; text-align: center;}

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

 /* Abschluss unter Seiteninhalt */
td.edit_content_bottom {
 height: 24px;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/greenbottom.png); }

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

td.edit_content_bottom2 {
 background-image: url(); }

 /* Tabelle um Counter herum */
td.edit_content_bottom2 table{
 margin: auto;
 margin-top: 10px;
 width: 610px!important;
}

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 #454545;
 background-color: #FFFFFF;}

 
/* Titelfeld über Box  168 x 30 */
td.sidebar_heading {
 height: 24px;
 color: #000000;
 background-color: #7D7928; background-image:

url(http://img.webme.com/pic/6/6p-bilder/greencontop.png
); border-bottom: 1px solid #c9c9c9; }

 
 /* Inhalt der Boxen */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
 background-image:

url(http://img.webme.com/pic/6/6p-bilder/greenshouty.png);background-repeat:

repeat; }

 /* Abschluss unter den Boxen */
td.edit_rb_footer {
 height: 24px;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/greenbottom.png); }

td.edit_rechts_bottom {
 background-image: url();}

td.edit_rechts_sbg {display:none;}
 
 /* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial;color: #000000; }

/* Linkfarben + Größen auf Seiten */
a:link {
color:#880000;
font-size:13px;
font-family:arial;
text-decoration:none; }

/*Hover-Effekt bei Links*/
a:hover{
color:#880000;
font-size:13px;
font-family:arial;
text-decoration:none;}

/* besuchte Links */
a:visited {
color:#880000;
font-size:13px;
font-family:arial;
text-decoration:none;}

-->
</style>


Zuletzt bearbeitet von 6p-iceblue am 17.08.2011, 16:08, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de