Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag19.02.2013 um 21:39 (UTC)    
Titel: Design Green für Red

Da es immer noch Leute gibt, die das Design Green nutzen, aber dort in den Boxen nicht mal die Werbung passt (weil das Design so schmal ist), habe ich mich damit beschäftigt, ein anderes Standarddesign zu ändern. Diesmal das Design Green. Es ist nun als Red-Design erhältlich und etwas edler gestaltet.

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

http://img.webme.com/pic/g/gringo/redgreenhaeder.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.

Nun könnt ihr auch unter der Navigation Gimmicks einfügen.

Ich lass das Design mal eine Weile zur Ansicht drin.

http://gringo.de.tl/

Anbei ein Screenshot des Designs:



Der Code kommt mit dem nächsten Post. EInfügen bei Design Red>>Erweiterte Einstellungen>>Text über dem Design.

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



Zuletzt bearbeitet von 6p-iceblue am 05.03.2013, 12:59, insgesamt 3-mal bearbeitet
Beitrag19.02.2013 um 21:43 (UTC)    
Titel: Code für das Design Green als Red Design

Code:
<style type="text/css">
<!--
/*Design Green für Red*/

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

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

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

/* besuchte Links */
a:visited {
color:#373600;
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: #000000;text-decoration: none;display: block;line-height: 26px;}
a.rednav:hover{font-family: arial;font-size: 13px;color: #373600;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/g/gringo/redgreenhaeder.png);background-position:
center top;background-color:Transparent;width:
955; height: 135px;background-repeat: no-repeat;}

/*Feld des Seitennamen oben im Content, Breite 524*/
td.edit_content_header{background-image:url(http://img.webme.com/pic/g/gringo/redgreencontop3.png);
background-color:#99952A;height:35px; border-top:1px solid #373600;} 

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

/*Hintergrund des Designs, ansatzfreies Bild oder Farbton nehmen*/
body{background-image:url(http://img.webme.com/pic/g/gringo/redgreenbody2.png);background-color:#767322
;background-attachment:fixed;background-repeat:repeat;}

/*Navibuttons, normale Breite 202, Höhe in dem Fall 30 Pixel.
Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg{background-image:url(http://img.webme.com/pic/g/gringo/redgreenbutt3.png); background-repeat: no-repeat;
background-color:#EEECC1;height:30px;border-right:4px solid #EEECC1;
border-left: 0px solid #444444;border-top: 0px solid #444444;border-bottom: 1px solid #373600;}

/*Navibuttons, Hovereffekt, normale Breite 202, Höhe in dem Fall 30 Pixel.
Der Border unten und rechts, gibt einen kleinen grauen Schatten, wenn auf 3 gestellt*/
td.edit_button_bg:hover{background-image:url(http://img.webme.com/pic/g/gringo/redgreenbutt4.png);background-repeat: no-repeat;
background-color:#EEECC1;height:30px;border-right:4px solid #EEECC1;
border-left: 0px solid #444444;border-top: 0px solid #444444;border-bottom: 1px solid #373600;} 

/*Hintergrund Navigation, inklusive Umrahmung*/
td.edit_page_main_bg{background-image:url(http://img.webme.com/pic/g/gringo/redgreenbutt3.png);background-color:#EEECC1;
border-left:1px solid #373600;border-top:1px solid #373600;border-bottom:1px solid #373600;}

/*Content (Textfeld), Breite 525*/
td.cont{background-image:url();background-repeat: no-repeat;background-color:#EEECC1;height:400px;border-left:0px solid #373600;}

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

/*Hintergrund Boxentabelle */
td.edit_zeile2{border:0px solid #xxxxxx;}
td.edit_zeile{background-image:url(http://img.webme.com/pic/g/gringo/redgreenboxen3.png);background-color:#EEECC1;
border-bottom:1px solid #373600;border-left:1px solid #EEECC1;
border-right:1px solid #373600;border-top:1px solid #373600;}

td.edit_zeile3{background-image:url(http://img.webme.com/pic/g/gringo/redgreenboxen3.png);background-color:#EEECC1;}

/*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(http://img.webme.com/pic/g/gringo/redgreenboxen3.png);background-color:#EEECC1;
border-right:4px solid #ffffff;border-left: 0px solid #EEECC1;
border-top: 19px solid Transparent;border-bottom: 0px solid #FE7F00;} 

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

/*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(http://img.webme.com/pic/g/gringo/redgreenboxen3.png);
background-color:#EEECC1;height: 17px;border-right:4px solid #ffffff;border-left: 3px solid #EEECC1;
border-top: 0px solid #1B4AB2;border-bottom: 1px solid #373600;}

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: #000000;background-color: Transparent;}

-->
</style>



Zuletzt bearbeitet von 6p-iceblue am 13.03.2013, 11:21, insgesamt einmal bearbeitet
Beitrag31.05.2013 um 13:55 (UTC)    
Titel:

Beitrag02.06.2013 um 10:20 (UTC)    
Titel:

Du bist ja wieder fleißig Gringo Smile! Gefällt mir, klasse!

Beste Grüße,
Mats
Beitrag02.06.2013 um 12:39 (UTC)    
Titel:

ich danke dir matsk.

ich habe ausserdem auch das design holyday für red geändert:

http://www.homepage-baukasten.de/forum/viewtopic.php?t=140630

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

Beiträge der letzten Zeit anzeigen:   


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