Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.02.2010 um 18:47 (UTC)    
Titel: [Vorlage] Design Red - Auflösungsabhängig (verbreiten)

Guten Tag,

ich habe den Grundcode von 6p-iceblue aus dem Thread (klick hier) übernommen und angepasst.

Dieser überarbeitete Code beinhaltet das Design Red für das Design Iceblue.
Warum sollte man nicht gleich das Design Red verwenden? Dieses Design
ist nun Auflösungsabhängig - wobei das nun leider nicht 1 zu 1 wie das vorige
Red aussehen kann. Vielleicht gefällt es euch Very Happy

Zusammfassung des Designs:
Arrow Design Red nun verbreitert (Auflösungsabhängig)
Arrow Die Buttons in der Navigation sind nun verlinkt (kein Textlink mehr!)
Arrow Hover-Effekt in den Buttons sind nun vorhanden (zwei Pfeile)
Arrow Kann schnell und leicht bearbeitet werden (dank Iceblue-Design)
Arrow Unterhalb des Designs keine Lücke mehr vorhanden, vorher
konnte man nach unten scrollen, auch wenn dort nichts war.


Beispielseite: www.design-red.de.tl

Design Iceblue - Text über dem Design:

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

table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important; height: 0px !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: 0% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 0% !important;}
td.edit_rechts_cbg{width:100%;}

body{background: #4a0000 url();}

td[height="102"]{
position: absolute;
left: 50%;
margin-left: -376px;}

td.edit_content{
background: #fff url(http://img.webme.com/pic/d/design-red/cont_bg.png);
height: 500px !important;
padding: 10px 0px 10px 0px;
-khtml-border-radius-bottomright: 8px;
-khtml-border-radius-bottomleft: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;}

td.edit_content_top{
background: transparent url(http://img.webme.com/pic/d/design-red/cont_head_bg.png);
height: 37px;}

td.headline2{font-size: 13px;}

td.edit_content_bottom2{
background: transparent url(http://img.webme.com/pic/d/design-red/cont_bottom.png) no-repeat center top;
height: 35px;
border-top: 9px solid #4a0000;}

td.edit_content_bottom{display:none;}

.edit_copyright{color: #fff;}

td.edit_content_left_spacer{background: transparent url();}

td.edit_content_right_spacer{background: transparent url();}

td.nav_heading{
background: transparent url(http://img.webme.com/pic/d/design-red/head.png);
height: 23px;
font-family: arial;
font-size: 12px;
color: #fff;
text-align: left;
border-right: 3px solid #4A0000;}

td.nav{
background: #fff url(http://img.webme.com/pic/d/design-red/button_bg.png);
width: 185px;
height: 28px;
border: 1px solid #4A0000;
border-right: 3px solid #4A0000;}

td.nav:hover{background: #fff url(http://img.webme.com/pic/d/design-red/button_bg_hover.png);}

td.nav a{
font-family: arial;
font-size: 12px;
color: #000;
text-decoration: none;}

a.menu{
display: block;
padding: 8px 0px 0px 24px;
margin-left: -24px;}

td.edit_below_nav{background: url() no-repeat center top;}

td.edit_below_nav img{visibility: hidden;}

td.edit_rechts_cbg{background: transparent url();height: 0px !important;}

td.edit_rechts_sbg{background: transparent url();}

td.edit_rechts_bottom{background: transparent url();height: 0px !Important;}

td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background: #fff url(http://img.webme.com/pic/d/design-red/main.png) repeat;
font-family: arial;
text-align: center;
font-size: 12px;
color: #000;
border-left: 3px solid #4a0000;}

td.edit_navi_headbg{background: transparent url();height: 0px !important;}

td.sidebar_heading{
background: transparent url(http://img.webme.com/pic/d/design-red/head2.png);
height: 23px;
width: 202px;
border-left: 3px solid #4A0000;}

td.edit_rb_footer{
background: transparent url(http://img.webme.com/pic/d/design-red/bottom2.png) no-repeat;
height: 19px;
padding: 15px 0px 0px 0px;
border-left: 3px solid #4a0000;}

td.sidebar_heading{
font-family: arial;
font-size: 12px;
color: #fff;
text-align: center;}

td.edit_header_full{
background: transparent url(http://img.webme.com/pic/d/design-red/head_allgemein.png) repeat;
width: 1600px;
height: 145px;
border-bottom: 5px solid #4a0000;}

td.headline{visibility:hidden;}

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

-->
</style>


Kennst du schon...
Arrow Design Iceblue Auflösungsabhängig?
Arrow Design Fußball mit rechten Boxen?
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile


Zuletzt bearbeitet von blutsegelbukaniere am 27.05.2010, 17:52, insgesamt 10-mal bearbeitet
Beitrag23.02.2010 um 15:45 (UTC)    
Titel:

Ich habe den Code ein bisschen geändert, es sind außerdem auch nun
einige neue Sachen vorhanden - Hover-Effekt, Abstände zwischen Navigation,
Content und Rechte Boxen, etc.

Der Code wurde etwas strukturiert und es wurden 1-2 Fehler entfernt.

Beispielseite: www.design-red.de.tl

Würde mich über Feedback freuen Wink
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag24.02.2010 um 22:54 (UTC)    
Titel:

So, der letzte Feinschliff für dieses kleine Design - hier nochmal die letzten Änderungen:

Arrow Der Footer wurde ausgetauscht (ähnelt Navigation Header)
Arrow Das Ende vom Contents wurde abgerundet (nur für MF)
Arrow Auch bei größeren Auflösungen ist das gesamte Design ausgefüllt (vorher war eine Lücke)
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag24.02.2010 um 23:25 (UTC)    
Titel:

Hallo blutsegelbukaniere,

wie ich auch schon bei 6p-iceblue geschrieben habe finde ich das eine sehr gute Idee. Die am häufigsten gestellte Frage hier im Forum ist "Wie kann ich mein Design verbreitern?".

Das ist jetzt Geschichte. Mit diesen beiden Designs (sie werden ja auch sehr häufig verwendet) hat man jetzt mehr Möglichkeiten und es sieht sauber, aufgeräumt und nicht so gestückelt aus.

Abschließend: tolle Arbeit und klasse Idee!
______________
Mit besten Grüßen Marco
www.harley-motorcycles.de

Beitrag24.02.2010 um 23:33 (UTC)    
Titel:

Hi,
bin von deinen Ideen immerwieder aufs neue überrascht!
Dickes Lob.

Gruss
Riki
Beitrag24.02.2010 um 23:34 (UTC)    
Titel:

Echt also ich muss sagen, die Mods sind viel zu wenig belastet. Wird mal wieder Zeit für ein bisschen Forenspam, damit die was besseres zu tun haben außer an design zu basteln. Wink

Naja Spaß bei Seite. Finde die Sache richtig gut. Dadurch sieht selbst ein Standart Design richtig gut aus und macht ne Menge her. Wie harleyheaven schon richtig erkannt habt ist jetzt endlich langsam die Frage, wie man ein Design verbreitert passe. So könnt Ihr euch wieder auf die Spammer konzentrieren.
So fange mal an einen Thread nach dem anderen Vollzuspammen, jetzt habt ihr ja Zeit Wink
______________
Beitrag25.02.2010 um 14:27 (UTC)    
Titel:

Danke für eure Rückmeldungen, dachte schon das die Interesse hier gleich 0
wäre und all das umsonst wäre. Wink

Ich werde gelegentlich vielleicht noch 1-2 Sachen ändern, die dann jedoch nicht
nennenswert sind. Dieses Design soll nicht großartig spektakulär wirken, sondern
einfach die fehlenden Funktionen beim Standard-Design erweitern. Smile
______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag01.04.2010 um 15:15 (UTC)    
Titel:

Hallo blutsegelbukaniere,

ich verwende das Design Red und Deine Verbreiterung ist genau das, was ich gesucht habe. Du hast das super gemacht. Laughing
Wenn ich meine HP mit Deinem verbreitertem Code ändere, ist dann aber leider mein schöner Header weg. Wie kann ich den anpassen und wieder einfügen? Rolling Eyes Rolling Eyes

Danke für Deine Bemühungen und viele Grüße.
Eugen
Beitrag01.04.2010 um 15:23 (UTC)    
Titel:

du musst im code direkt die url des headers eingeben. das wäre dann die stelle:

td.edit_header_full{
background-image:url(http://img.webme.com/pic/d/design-red/head_allgemein.png);
background-color:#XXXXXX;
background-repeat: repeat;
width:1600px;
height: 145px;
border-bottom: 5px solid #4a0000;}

eventuell musst du aus dem repeat ein no-repeat (nur bei dem grünen) machen, je nach headergrösse.

schau ob die maße stimmen, wenn nicht, musst du sie ändern.

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



Zuletzt bearbeitet von 6p-iceblue am 01.04.2010, 18:45, insgesamt 2-mal bearbeitet
Beitrag01.04.2010 um 15:28 (UTC)    
Titel:

harleyheaven hat Folgendes geschrieben:
Hallo blutsegelbukaniere,

wie ich auch schon bei 6p-iceblue geschrieben habe finde ich das eine sehr gute Idee. Die am häufigsten gestellte Frage hier im Forum ist "Wie kann ich mein Design verbreitern?".


er hat auch das fussballdesign mit boxen verbreitert und hat auch rechte boxen, auch das ist super.

wie ich schon mal vorgeschlagen hatte: kann man diese 3 designs dann nicht irgendwo sichtbarer im forum anbringen (vorschaubild / code / tips zum ändern)? ohne kommentare natürlich, sondern als gesperrter thread (ihr habt ja 2 geschlossene bereiche, die sich dafür anbieten würden).

zum iceblue würde ich dann noch die tips zum ändern vervollständigen.

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



Zuletzt bearbeitet von 6p-iceblue am 01.04.2010, 18:39, insgesamt 2-mal bearbeitet
Beitrag01.04.2010 um 15:41 (UTC)    
Titel:

Hallo Gringo,

hab das soweit kapiert Laughing Laughing

Ich habe im Moment keine Zeit, das auszuprobieren. Da habe ich dann meine Beschäftigung über Ostern Very Happy Very Happy

Ich sag jedenfalls schon mal herzlichen Dank für Deine Antwort und Bemühungen.

Schönen Gruß
Eugen


Zuletzt bearbeitet von insektenwelt-wechterswinkel am 01.04.2010, 16:46, insgesamt einmal bearbeitet
Beitrag01.04.2010 um 15:55 (UTC)    
Titel:

ist nicht so schwer und dauert nur ein paar sekunden. musst dir über ostern dann noch was anderes vornehmen Wink

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

Beitrag01.04.2010 um 17:37 (UTC)    
Titel:

Mensch Gringo, Du bist super!!!

Es hat geklappt Laughing Laughing

Hat mir natürlich keine Ruhe gelassen. Muß nur noch die Größe etwas korrigieren.

Besten Dank und ein schönes Osterfest wünscht Dir

Eugen
Beitrag01.04.2010 um 17:43 (UTC)    
Titel:

mach mal, wie ich schrieb, aus dem repeat ein no-repeat. dann sollt es stimmen, der header wiederholt sich nämlich sonst bei widescreenmonitoren.

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

Beitrag02.04.2010 um 07:24 (UTC)    
Titel:

Hallo Gringo,

alles klar und nochmals vielen Dank Very Happy

Gruß
Eugen
Beiträge der letzten Zeit anzeigen:   


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