TIPP: Ohne Kontextspalte Pluginbreite erhöhen

[blue]

Um den durch eine nicht vorhandene Kontextspalte entstandenen Platz zu nutzen kann man in der Page.ccml eine kleine Änderung vornehmen.

Am Anfang der Page.ccml einfügen:

<cc:if cond="&sidebar.count gt 0">
<cc:plugin name="width" value="510">
<cc:else>
<cc:plugin name="width" value="660">
</cc:if>

Ab sofort werden die Plugins vergrößert und der vorhandene Leerraum somit ausgefüllt.

Siehe auch:
http://www.webtodateforum.de/forum/w...tz-nutzen.html

[Violena]

Funktioniert wirklich prima - zumindest für alle Designs, welche die Kontextspalte auf der rechten Seite haben.

Wie müsste der Eintrag für ein Design wie z.B. Omikron aussehen, der die Kontextspalte auf der linken Seite neben der Navigation hat ?
Geht das auch so einfach ?

Alternativ würde ich gerne auf den Hintergrund für die Kontextspalte verändern, wie ich es auf dieser Seite hier gesehen habe:
http://www.boogie-rabbits.de/
Ist das in der linken Kontextspalte eine (gelbe) Hintergrundgrafik ?

Vielen Dank bereits vorab !

[voodoo36]

Warum fragst du mich nicht gleich? Ja, in der Kontextspalte ist der Background-color gelb...

[Violena]

Zitat von voodoo36

Warum fragst du mich nicht gleich? Ja, in der Kontextspalte ist der Background-color gelb...

Guten morgen ! Vielen Dank für die schnelle Antwort ! Dann frag ich Dich doch gleich nochmal...

Gibst Du mir kurz einen Tipp welcher Eintrag das wo ist ? Sieht nämlich wirklich schick aus mit Farbe - viel besser als der graue Standardschatten.

Und ich würd gern gleich nochmal eine Frage hinterherschieben:
Auf der Seite http://www.boogie-rabbits.de/ ist so eine schicke Ecke eingebaut... Leider stellt das der Anbieter mypeel.de aktuell nicht mehr online zur Verfügung - kannst Du mir sagen wie Du das in W2D eingebaut hast ??

Viiielene lieben Dank !

[voodoo36]

Hallo, zum einen musst du das in der style_design ändern...
(da musst du aber auch die pfadew.gif anpassen im images Ordner)

#tdsidebar {
    vertical-align: top;
    background : #ffff00 url(../images/<cc:print value="&pic.fade.white.filename">) repeat-x top left;
}

zum anderen... Das heißt pagepeel und ist gekauft... suche mal im Forum/Google

[Violena]

Vielen Dank für den Tipp, hat prima geklappt mit der farbigen Kontextspalte !

Bin nun wirklich endgültig auf den Geschmack gekommen und habe heute schon über eine Stunde in der style_design rumgespielt..

Was ich leider nicht geschafft bzw. gefunden habe - wo hast du die Farbe für den Hintergrund links oben eingestellt, also in dem Feld, wo der title erscheint ?

[voodoo36]

Das kannst du dort ändern...
#topc {
width: 400px;
height: 30px;
padding: 0px;
margin: 0px;
background : <cc:print value="&usercolor.alt.medium"> url(../images/<cc:print value="&pic.fade.alt.filename">) repeat-x top left;
border-bottom: 2px solid #ffffff;
}

Kann man dein Werk auch mal sehen?

[Violena]

Bin noch immer am basteln,... wenn ich die topc im background verändere, dann zieht das nur für den ersten Balken, also so kann ich den Balken statt dem Standardgrau in gelb anzeigen - aber eben nicht das Feld darunter.

Habe dann versucht die Höhe zu verändern, aber damit klappt es auch nicht. Meines Erachtens ist topc nur der Balken, nicht das Feld darunter..

Hast Du noch eine Idee ?

Soweit bin ich aktuell: www.kreaktiv-design.de
Bitte nicht wundern, ich spiele noch.. :-)

[Violena]

... da ich nach einigen Farbänderungen die Kontextspalte aktuell ganz rausgeschmissen habe ist nun leider das Layout nicht mehr zentriert - wo muss ich korrigieren ?

PS.: Bin wirklich DANKBAR für die tollen und schnellen Antworten !!!

[voodoo36]

Hallo Violena, sorry dazu sind mehrere Änderungen nötig, zum anderen hast du dann auch keinen Textversion [plaintextfile] mehr... kann man aber auch noch woanders hin tun!
(hier links oben zu sehen)
Wenn du das nicht benötigst, musst du diese Ändernungen vornehmen.

In der Navigation.ccml:
diesen original Code suchen..

<tr>
<td><div id="topl">
<cc:if cond="&site.plaintextfile">
<a href="<cc:print value="&site.plaintextfile">"><cc:print value="&site.ressource.plaintext"></a>
</cc:if>
</div>
</td>
<td><div id="topc"></div></td>
<td><div id="topr"></div></td>
</tr>

mit diesem Code ersetzten...

<tr> 
<td colspan="2"><div id="topc"> 
<cc:if cond="&site.plaintextfile"> 
<a href="<cc:print value="&site.plaintextfile">"><cc:print value="&site.ressource.plaintext"></a> 
</cc:if> 
</div> 
</td> 
<td><div id="topr"></div></td> 
</tr>

in der Style design suchen:

#topl {
width: 200px;
height: 30px;
padding: 0px;
margin: 0px;
border-bottom: 2px solid #ffffff;
}
#topl a {
font-size: 90%;
color: #aaaaaa;
text-decoration: none;
}
#topc {
width: 196px;
height: 30px;
padding: 0px;
margin: 0px;
background : <cc:print value="&usercolor.alt.medium"> url(../images/<cc:print value="&pic.fade.alt.filename">) repeat-x top left;
border-bottom: 2px solid #ffffff;
border-left: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
#topr {
width: 550px;
height: 30px;
padding: 0px;
margin: 0px;
background : <cc:print value="&usercolor.medium"> url(../images/<cc:print value="&pic.fade.filename">) repeat-x top left;
border-bottom: 2px solid #ffffff;
}

durch diesen Code ersetzten:

#topc {
width: 400px;
height: 30px;
padding: 0px;
margin: 0px;
background : <cc:print value="&usercolor.alt.medium"> url(../images/<cc:print value="&pic.fade.alt.filename">) repeat-x top left;
border-bottom: 2px solid #ffffff;
}
#topr {
width: 550px;
height: 30px;
padding: 0px;
margin: 0px;
background : <cc:print value="&usercolor.medium"> url(../images/<cc:print value="&pic.fade.filename">) repeat-x top left;
border-bottom: 2px solid #ffffff;
}
#midl {
width: 358px;
height: 210px;
padding: 20px 20px;
margin: 0px;
text-align: right;
color: <cc:print value="&usercolor.dark">;
border-right: 2px solid #ffffff;
Background: #5c6165;
background-color: #5c6165;
border-bottom: 2px solid #ffffff;
}

DEMO