Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.08.2010 um 07:49 (UTC)    
Titel: [Vorlage] Design Musik für Iceblue mit und ohne Boxen

Ich hab mich mal wieder, jetzt wo ich einen neuen PC habe, ran gesetzt und mich mit dem Design Musik befasst.

Es ist nun breiter und mitsamt Werbung zentriert. Ein kleiner Hovereffekt ist in der Navigation eingebaut. Mehr gibt es diesmal nicht dazu zu sagen.

Den Haeder kann sich jeder selbst beschriften. Ladet den Haeder runter, beschriftet ihn und ladet ihn dann wieder hoch und ersetzt im Code unten, die URL. Hier die jetzige zum Haeder runterladen: http://666kb.com/i/bluocyc3w0rsyf2ej.png

Wie immer darf das Design nur hier angeboten werden und kommt nicht auf die Idee Euer Copyright rein zu setzen, nur weil Ihr den Haeder beschriftet habt.

Gruss Gringo

Code:
</style><style type="text/css">
<!--
table.edit_main_table{width: 79% !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 5% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 5% !important;position: absolute;left: -300px;}
td.edit_rechts_cbg{width:100%;}
td.shouty{visibility: hidden;width: 0px;}
td.edit_rechts_sbg{visibility:hidden;}
td.sidebar_heading{visibility: hidden;}
td.nav_heading{display: none}
td.headline{visibility:hidden;}
td.headline2{visibility:hidden;}

td.edit_main_tr{height: 0px !important;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}

td.nav:hover{background-image: url(http://666kb.com/i/bluoeh5omjza19hwr.png);width:
185px;height: 26px;border: 0px solid #000000; }

td.nav{background-image: url(http://666kb.com/i/bluodm4h5juo551ij.png);width:
185px;height: 26px;border: 0px solid #000000;}

tr.checked_menu td{background-image: url(http://666kb.com/i/bluoeh5omjza19hwr.png);width:
185px;height: 26px;border: 0px solid #000000;}

td.edit_below_nav img{visibility: hidden;}
td.edit_below_nav{background-image: url();
background-position: center top;background-repeat: no-repeat;}

td.edit_content{background-image:url();background-color:#cccccc;border: 10px solid #686868;} 

td.edit_content_top{display: none}

td.edit_content_top:hover{display: none}

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

td.edit_navi_headbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_sbg{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();background-color:#XXXXXX;border: 0px solid #ffffff;}

body {background-image:url();background-color:#000000;}
body {background-attachment:fixed;border: 0px solid #000000;}

td.edit_rb_footer{display: none}

td.edit_content_bottom2{background-image:url(URL);background-color:#000000;border: 0px solid #ffffff;}

td.edit_content_bottom{display: none}
 
td.nav a{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none}
td.nav a:hover{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none}
tr.checked_menu td a{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none}

td.edit_content_main div{overflow: hidden!important;}

td.edit_header_full{background-image:url(http://666kb.com/i/bluocyc3w0rsyf2ej.png);background-color:#XXXXXX;width:   
995; height: 165px;background-position: center top;background-repeat: no-repeat;border: 0px solid #000000;}
--></style>


Edit: bitte die codes von den nachstehenden musik-designs nutzen, wenn man headerprobleme hat.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 14.07.2011, 09:57, insgesamt 5-mal bearbeitet
Beitrag18.08.2010 um 08:03 (UTC)    
Titel:

hallo Gringo ,

sehr schön wie immer eben Smile

hoffe das dein pc jetzt auch lange durchhält Smile
______________
MfG Grit

Beitrag19.08.2010 um 11:30 (UTC)    
Titel:

danke dir. mal sehn, ob das mal jemand braucht. immerhin kann man es jetzt leichter verändern, ist ja nun für iceblue.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag30.05.2011 um 20:40 (UTC)    
Titel:

Das Musik-Design nun mit fester Breite. der Code stammt von http://table-test.de.tl/Home.htm und ich hab das Musikdesign damit angepasst.

Die feste Breite ist nun 980 Pixel, also breiter als das Original. Ausserdem mitsamt Werbung mittig. Zusätzlich ist die Navigation vergrößert und mit Hovereffekt und Checked Menü (die aktuelle Seite ist in der Navigation markiert). Ferner ist der Navigationsbutton nun komplett anklickbar und nicht nur bei der Schrift im Button.

Design ohne rechte Boxen:



Code:

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

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

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

 /* Hintergrund hinter Design */
body {
background-color: #000000;
background-image: url(BILD-URL);
background-repeat: repeat-x;
background-attachment: fixed;}

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

/* Headerfeld 942 x 150 */
td.edit_header_full {
 background-image: url(http://img.webme.com/pic/6/6p-bilder/musik980.png);
 width: 942; height: 150px;background-repeat: no-repeat;
 border: 1px solid #c9c9c9; }

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

td.edit_navi_headbg table {
 margin-top: 10px;
 border-left: 1px solid #c9c9c9;
 border-top: 1px solid #c9c9c9;
 border-right: 1px solid #c9c9c9; }

 /* Titelfeld über Navi 183 x 30 */
td.nav_heading {display: none}

 /* Navi-Button 183 x 33 */
td.nav { background-color: #000000;  background-image:
url(http://img.webme.com/pic/6/6p-bilder/musikbutt1.png);
 height: 33px;border-bottom: 1px solid #c9c9c9;}

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

/* HOVER Button 183 x 33 */
td.nav:hover {background-color: #000000;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/musikbutt2.png);
 height: 33px;border-bottom: 1px solid #c9c9c9;}

/* Aktueller Button 183 x 33 */
tr.checked_menu td {background-color: #000000;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/musikbutt2.png);
 height: 33px;border-bottom: 1px solid #c9c9c9;}

/* HOVER Textlink */
td.nav a:hover {
 display: block;
 line-height: 33px;
 font-size: 13px;
 font-family: arial;
 color: #ffffff;
 text-decoration: none; }

td.edit_below_nav img{display:none;}
td.edit_below_nav {background-image: url();}

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

 /* Seiteninhalt verbreitert */
table.edit_rechts_tabelle {
 width: 730px!important;
 margin-left: 10px;
 margin-top: 10px ;
 background-color: #ffffff;
 border: 5px solid #c9c9c9; }

td.edit_content {
 padding: 5px!important;
 background-image: url(); }
 
 /* Schriftgroesse + Schriftart + Textfarbe */
 div, td, span {
 color: #000000;
 font-size: 13px;
 font-family: arial, verdana; }
 
  /* Linkgroesse + Schriftart + Linkfarben */
 div a, td a {
 color: #ffffff;
 font-size: 13px;
 font-family: arial, verdana;
 text-decoration: underline; }
 
 /* Linkfarben HOVER */
 div a:hover, td a:hover {
 color: #c0c0c0;
 font-size: 13px;
 font-family: arial, verdana;
 text-decoration: underline; }
 
/* Titelfeld über Seiteninhalt */
td.edit_content_top {
 height:30px;
 background-image: url();
 background-color: #7E7E7E;
 border-bottom: 1px solid #c9c9c9; }
 
 /* Titeltext über Seiteninhalt */
 td.headline2 {
 color: #FFFFFF;
 font-size: 13px;
 font-family: arial;  }

td.edit_content_bottom {
 background-image: url(); }
 
td.edit_content_bottom2{background-image:url(URL);background-color:#000000;border: 0px solid #c9c9c9;}

 /*  1.Box entfernt */
table#sidebar_heading_1 {display: none;}

 /* 2.Box entfernt */
table#sidebar_heading_2 {display: none; }

 /* 3.Box entfernt */
table#sidebar_heading_3 {display: none;}

 /* 4.Box entfernt */
table#sidebar_heading_4 {display: none;}

 /* 5.Box entfernt */
table#sidebar_heading_5 {display: none; }

td.edit_rechts_bottom{display: none;}

td.edit_rechts_sbg {display:none;}
-->
</style>




Das gleiche Design mit rechte Boxen:



Code:

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

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

 /* Design mittig */
table.edit_main_table {
  margin: auto; }

 /* Hintergrund hinter Design */
body {
background-color: #000000;
background-image: url();
background-repeat: repeat-x;
background-attachment: fixed;}
td.edit_main_tr { height: 50%!important; }

/* Headerfeld 942 x 150 */
td.edit_header_full {
 background-image: url(http://img.webme.com/pic/6/6p-bilder/musik980.png);
 width: 942; height: 150px;background-repeat: no-repeat;
 border: 1px solid #c9c9c9; }

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

td.edit_navi_headbg table {
 margin-top: 10px;
 border-left: 1px solid #c9c9c9;
 border-top: 1px solid #c9c9c9;
 border-right: 1px solid #c9c9c9; }

 /* Titelfeld über Navi 183 x 30 */
td.nav_heading {display: none}

 /* Navi-Button 183 x 33 */
td.nav { background-color: #000000;  background-image:
url(http://img.webme.com/pic/6/6p-bilder/musikbutt1.png);
 height: 33px;border-bottom: 1px solid #c9c9c9;}

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

/* HOVER Button 183 x 33 */
td.nav:hover {background-color: #000000;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/musikbutt2.png);
 height: 33px;border-bottom: 1px solid #c9c9c9;}

/* Aktueller Button 183 x 33 */
tr.checked_menu td {background-color: #000000;
 background-image: url(http://img.webme.com/pic/6/6p-bilder/musikbutt2.png);
 height: 33px;border-bottom: 1px solid #c9c9c9;}

/* HOVER Textlink */
td.nav a:hover {
 display: block;
 line-height: 33px;
 font-size: 13px;
 font-family: arial;
 color: #ffffff;
 text-decoration: none; }

td.edit_below_nav img{display:none;}
td.edit_below_nav {background-image: url();}

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

table.edit_rechts_tabelle {
 margin-left: 10px;
 margin-top: 10px ;
 margin-right: 10px;
 background-color: #FFFFFF;
 border: 5px solid #c9c9c9; }

td.edit_content {
 padding: 5px!important;
 background-image: url(); }
 
/* Linkfarben + Größen auf Seiten */
a:link {
color:#ffffff;
font-size:13px;
font-family:arial;
text-decoration:underline; }

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

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


/* Titelfeld über Seite 568 x 30 */
td.edit_content_top {
 height:30px;
 background-image: url();
 background-color: #7E7E7E;
 border-bottom: 1px solid #c9c9c9; }
 
 /* Titeltext über Seiteninhalt */
 td.headline2 {
 color: #FFFFFF;
 font-size: 13px;
 font-family: arial;  }

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

td.edit_content_bottom2{background-image:url(URL);background-color:#XXXXXX;border: 0px solid #ffffff;}

 /* erste rechte Box */
table#sidebar_heading_1 {
 margin-top: 10px;
 border: 1px solid #c9c9c9;
 background-color: #7E7E7E; }

 /* 2. rechte Box */
table#sidebar_heading_2 {
 margin-top: 10px;
 border: 1px solid #c9c9c9; }

 /* 3. rechte Box */
table#sidebar_heading_3 {
 margin-top: 10px;
 border: 1px solid #c9c9c9; }

 /* 4. rechte Box */
table#sidebar_heading_4 {
 margin-top: 10px;
 border: 1px solid #c9c9c9; }

 /* 5. rechte Box */
table#sidebar_heading_5 {
 margin-top: 10px;
 border: 1px solid #c9c9c9; }

 /* Titelfeld über Box 168 x 30 */
td.sidebar_heading {
 height: 30px;
 color: #FFFFFF;
 background-image: url();
 background-color: #7E7E7E;
 border-bottom: 1px solid #c9c9c9;}

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
 background-image: url(); font-family: arial;font-size: 13px;
color:#000000;}

td.edit_rb_footer {display:none;}

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

td.edit_rechts_sbg {display:none;}
-->
</style>



Die Haederschriftfarbe stellt ihr dann bei Design einstellen>>Karteireiter "Erweiterte Einstellungen">>Farbe des Haeder-Textes, ein.

Besser wäre es, den Text aus zu blenden. Einfach das noch im Code mit einfügen:

Code:
td.headline{visibility:hidden;}


Natürlich braucht man nicht auf eine Beschriftung verzichten. Einfach den Haeder runterladen http://img.webme.com/pic/6/6p-bilder/musik980.png

Dann mit einem Bildbearbeitungsprogramm beschriften, bei den Bildern hier hochladen und die URL im Code bei /* Headerfeld 942 x 150 */
ersetzen.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 30.05.2011, 21:51, insgesamt 3-mal bearbeitet
Beitrag19.07.2011 um 12:08 (UTC)    
Titel:

Hey super.

Vielen Dank für diese Info !

Eine gute Zeit.

MFG. Paul
Beitrag19.07.2011 um 12:12 (UTC)    
Titel:

den haeder kann man runterladen, beschriften und neu hochladen. nun die url im code ersetzen und schon passt es. fehlt nur noch ein kleiner codeschnipsel, zum ausblenden des homepagenamens:

Code:
td.headline{visibility:hidden;}
Beiträge der letzten Zeit anzeigen:   


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