Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.02.2013 um 19:35 (UTC)    
Titel: Design Holiday für Red

Wieder einmal habe ich mich damit beschäftigt, ein Standarddesign zu ändern. Diesmal das Design Holiday. Es ist nun als Red-Design erhältlich und etwas aufgepimpt.

Einzig den Header müsst ihr dann im Code ändern. Die Url des Headers lautet:

http://img.webme.com/pic/6/6p-bilder/redholydayheader2.png

Ladet ihn runter und beschriftet ihn. Dann bei euren Bildern hochladen und im Code die URL ersetzen.

Auf die Navigations- und Boxenüberschriften hab ich verzichtet. Für mich wirken sie störend.

Die Schriften an sich sind im Code integriert. Ihr könnt sie farblich austauschen, wenn ihr möchtet.

Die Navigationsfelder sind voll anklickbar und die Schrift hat einen Hovereffekt.

Ausserdem habt ihr nun die Möglichkeit unter der Navigation Gimmicks einzufügen.

Ich lass das Design mal eine Weile zur Ansicht drin.

http://6p-bilder.de.tl/

Anbei ein Screenshot des Designs:



Den Code findet ihr im nachfolgenden Thread.

Gruss Gringo

Ps: Hier wäre es auch für Iceblue erhältlich (sieht aber etwas anders aus):

http://www.homepage-baukasten.de/forum/viewtopic.php?p=733487
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 05.03.2013, 13:00, insgesamt 6-mal bearbeitet
Beitrag17.02.2013 um 19:36 (UTC)    
Titel: Code des Holiday-Designs für Red

Code:
<style type="text/css">
<!--
/*Design Holiday für Red*/
/* Textgröße + Textfarben Seiteninhalte */
td, div {font-size: 13px;font-family: arial;color: #ffffff;}

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

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

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

/*Schriftfarbe der Navigation. Navigation voll anklickbar. Buttonhöhe beachten (30)*/
a.rednav{font-family: arial;font-size: 13px;color: #FE7F00;text-decoration: none;display: block;line-height: 26px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #ffffff;text-decoration: none;display: block;line-height: 26px;}

/*Header, Breite ist 955, Höhe variabel*/
td.edit_header{background-image:url(http://img.webme.com/pic/6/6p-bilder/redholydayheader2.png);background-position:
center top;background-color:Transparent;width:
955; height: 337px;background-repeat: no-repeat;}

/*Feld des Seitennamen oben im Content, Breite 524*/
td.edit_content_header{background-image:url(http://img.webme.com/pic/6/6p-bilder/redcontop2.png);
background-color:#FE7F00;height:30px; border-top:1px solid #FE7F00;} 

/* Schrift des Seitentitels oben im Textfeld (Seitenname)) */
span.Stil2 {font-size: 13px;font-familiy: arial;color: #000000;text-decoration: none;}

/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url(http://img.webme.com/pic/6/6p-bilder/redholidaybody.png);background-color:#002597
;background-attachment:fixed;background-repeat:repeat;}

/*Navibuttons, normale Breite 202, Höhe in dem Fall 33 Pixel.
Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url(); background-repeat: no-repeat;
background-color:#1B4AB2;height:26px;border-right:4px solid #1B4AB2;
border-left: 0px solid #444444;border-top: 0px solid #444444;border-bottom: 1px solid #FE7F00;}

/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 33 Pixel.
Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url();background-repeat: no-repeat;
background-color:#1B4AB2;height:26px;border-right:4px solid #1B4AB2;
border-left: 0px solid #444444;border-top: 0px solid #444444;border-bottom: 1px solid #FE7F00;} 

/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url();background-color:#1B4AB2;
border-left:1px solid #FE7F00;border-top:1px solid #FE7F00;border-bottom:1px solid #FE7F00;}

/*Content (Textfeld), Breite 525*/
td.cont{background-image:url();background-repeat: no-repeat;background-color:#1B4AB2;height:400px;}

/* Textfeld unterer Teil, farblich anpassen wie den Content, inklusive der Umrahmung des Content, Breite 525*/
td.edit_page_main2{background-image:url();background-color:#1B4AB2;
border-bottom:1px solid #FE7F00;border-left:1px solid #FE7F00;
border-right:1px solid #FE7F00;border-top:0px solid #FE7F00;}

/*Hintergrund Boxentabelle */
td.edit_zeile2{border:0px solid #xxxxxx;}
td.edit_zeile{background-image:url();background-color:#1B4AB2;
border-bottom:1px solid #FE7F00;border-left:0px solid #FE7F00;
border-right:1px solid #FE7F00;border-top:1px solid #FE7F00;}

td.edit_zeile3{background-image:url();background-color:#1B4AB2;}

/*Boxentabelle, der Abstand oben und zwischen den Boxen, Farbton der Boxentabelle nehmen */
td.edit_rechts_header{display:none;}
 

/*Hintergrund rechte Boxen, bei Solid dann den Farbton der Boxentabelle nehmen*/
td.edit_rechts_bg{background-image:url();background-color:#1B4AB2;
border-right:4px solid #1B4AB2;border-left: 4px solid #1B4AB2;
border-top: 19px solid #1B4AB2;border-bottom: 0px solid #FE7F00;} 

/*Schrift der Boxen*/
td.edit_rechts_bg{font-family: arial;font-size: 13px;color: #FE7F00;}

/*Boxen, rechte Teil entfernt*/
td.edit_rechts_bg_unten img{display:none;}
td.edit_rechts_bg_unten{background-image:url();background-color:#XXXXXX;}

/*Feld Über Navigation*/
td.edit_navhead{display:none;} 

/*Feld unter Boxen*/
td.rb_footer img{display:none;}
td.rb_footer{background-image:url();
background-color:#1B4AB2;height: 17px;border-right:4px solid #1B4AB2;border-left: 4px solid #1B4AB2;
border-top: 0px solid #1B4AB2;border-bottom: 1px solid #FE7F00;}

td.edit_rechts_header2{display:none;}

td.content_over img{display:none;}

td.edit_bottom_bg{display:none;}

td.edit_links_bg{visibility:hidden;}

td.edit_navi_bg{color: #xxxxxx;background-image:url();background-color:#xxxxxx;}

td.nav_mini,td.edit_navi_top{display:none;}

td.edit_page_main_top,td.rb_right_mini{display:none;}

td.rb_bottom img{display:none;}
td.rb_over{background-color:#xxxxxx;height:0px;}
td.edit_rechts_container{padding-top:0px;background-color:#xxxxxx;}

td.cont_bottom img{display:none;}
td.cont_bottom {background-image:none;background-color:#xxxxxx;border: 0px solid #xxxxxx;}

img {border: 0px solid #000000}

#webme_footer_textlink_dont_hide {
color: #c0c0c0;background-color: Transparent;}

-->
</style>

Beitrag31.05.2013 um 13:54 (UTC)    
Titel:

Beitrag02.06.2013 um 17:08 (UTC)    
Titel:

Die Iceblue-Version finde ich persönlich fast noch schicker (zumindest mit den Boxen rechts), aber sehr gut, danke Gringo Smile!

Beste Grüße,
Mats
Beiträge der letzten Zeit anzeigen:   


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