Autor |
Nachricht |
-
blutsegelbukaniere
|
22.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
Zusammfassung des Designs:
Design Red nun verbreitert (Auflösungsabhängig)
Die Buttons in der Navigation sind nun verlinkt (kein Textlink mehr!)
Hover-Effekt in den Buttons sind nun vorhanden (zwei Pfeile)
Kann schnell und leicht bearbeitet werden (dank Iceblue-Design)
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...
Design Iceblue Auflösungsabhängig?
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.
Zuletzt bearbeitet von blutsegelbukaniere am 27.05.2010, 17:52, insgesamt 10-mal bearbeitet
|
|
↑
|
|
|
-
blutsegelbukaniere
|
23.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 ______________ 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. |
|
↑
|
|
|
-
blutsegelbukaniere
|
24.02.2010 um 22:54 (UTC) Titel: |
|
|
So, der letzte Feinschliff für dieses kleine Design - hier nochmal die letzten Änderungen:
Der Footer wurde ausgetauscht (ähnelt Navigation Header)
Das Ende vom Contents wurde abgerundet (nur für MF)
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. |
|
↑
|
|
|
-
harleyheaven
Wohnort: München
|
24.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
|
|
↑
|
|
|
-
riki-designs
|
24.02.2010 um 23:33 (UTC) Titel: |
|
|
Hi,
bin von deinen Ideen immerwieder aufs neue überrascht!
Dickes Lob.
Gruss
Riki |
|
↑
|
|
|
-
gbpics4all
|
24.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.
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 ______________ |
|
↑
|
|
|
-
blutsegelbukaniere
|
25.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.
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. ______________ 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. |
|
↑
|
|
|
-
insektenwelt-wechterswinkel
Premium
|
01.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.
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?
Danke für Deine Bemühungen und viele Grüße.
Eugen |
|
↑
|
|
|
|
01.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
|
|
↑
|
|
|
|
01.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
|
|
↑
|
|
|
-
insektenwelt-wechterswinkel
Premium
|
01.04.2010 um 15:41 (UTC) Titel: |
|
|
Hallo Gringo,
hab das soweit kapiert
Ich habe im Moment keine Zeit, das auszuprobieren. Da habe ich dann meine Beschäftigung über Ostern
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
|
|
↑
|
|
|
|
|
↑
|
|
|
-
insektenwelt-wechterswinkel
Premium
|
01.04.2010 um 17:37 (UTC) Titel: |
|
|
Mensch Gringo, Du bist super!!!
Es hat geklappt
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 |
|
↑
|
|
|
|
|
↑
|
|
|
-
insektenwelt-wechterswinkel
Premium
|
02.04.2010 um 07:24 (UTC) Titel: |
|
|
Hallo Gringo,
alles klar und nochmals vielen Dank
Gruß
Eugen |
|
↑
|
|
|
|