Rho-Website größer darstellen

[hansimglück]

Ich möchte meine Website www.energieberatung-wenzel.de insgesamt, komplett größer darstellen, um ca. 10-20%. Würde mich über Lösungsvorschläge freuen.
Zentrieren und wechselnde Kopfbilder (werden demnächst ersetzt) habe ich bereits mit Hilfe des Forums hinbekommen, danke!
Viele Grüße aus Hessen....
Jürgen

[rasoa]

Hallo hansimglück,

das ist sehr aufwändig. Ich habe mich in den letzten Tagen damit befasst und habe festgestellt, wenn man nicht viel Zeit hat, sollte man es hier lieber käuflich erwerben. Die Änderungen betreffen mehrere Dateien im Designordner und die Hintergrundbilder muss man dementsprechend auch ändern.
Wieso möchtest Du denn dein Design vergößern?

Liebe Grüße

[hansimglück]

Beim durchforsten des Forums bin ich auf diese Seite gestoßen,

Die SVKT 07 Damen

Finde ich sehr gut gemacht.

Ich kann mir jedoch nicht vorstellen das die Größenänderung so komplex sein soll.

[Paulemann]

Ließe sich realisieren. Warum probierst Du es nicht einfach? Die Grafiken sind aber bei Deinem Beispiellink nicht vergrößert worden. Sieht nicht so toll aus.

Persöhnlich würde ich aber den subnav Bereich nach links packen und den content mittig setzen.

[hansimglück]

Hallo Bernd,

hast du 'ne Idee wie das Schritt für Schritt gehen könnte?? Habe persönlich leider keinen Plan....

Gruß Hans

[Paulemann]

Ist sehr umfangreich Hans. Mit Schritt für Schritt geht es nicht. Werde mich mal dem Thema annehmen und vielleicht eine Designanpassung anbieten.

[rasoa]

Hallo die Herren,

den Beispiellink kenne ich zufällig. Bei der Seite wurde das Design um einen Reiter breiter gemacht und die Logofläche höher. Ich schrieb ja schon "Ich habe mich in den letzten Tagen damit befasst und habe festgestellt,...". Die Hintergrundgrafiken wurden schon verändert und dann halt gewisse Einstellungen bei Aufmacher und Plug in.
Hansimglück, ich versuche das mal am Wochenende verständlich niederzuschreiben, aber ich kann nicht dafür garantieren, dass ich dabei nichts vergesse. Vieles steht auch schon hier im Forum.
Wichtig ist erstmal, dass Du Dein Rho-Ordner kopierst und in den Designordner mit einem neuen Namen einfügst, somit wird das Originaldesign nicht verändert.

Liebe Grüße

[Paulemann]

Die Hintergrundgrafiken wurden schon verändert

Stimmt- bei mir muß vorhin was mit der Anzeige gesponnen haben.

[rasoa]

Hallo hansimglück,

ich versuche das jetzt mal schlüssig zu erklären.
Man muss sich erstmal überlegen wie breit man das Design haben möchte. Bei Rho bietet es sich an, es von den Reitern abhängig zu machen. Ein Reiter hat 110px. Ich habe meins um einen Reiter verbreitert und den Banner auf 240 px höher gemacht. Das ist jetzt das Beispiel.
Die Änderungen in der style_design.css.
Jetzt erstmal zur Breite und Höhe des Banners und der Navigation.

nav {
z-index: 82;
position: absolute;
top: 240px;
left: 61px;
width: 990px;
height: 40px;
background : url(../images/<cc:print value="&pic.navback.filename">);
padding: 0px;
margin: 0px;
overflow: hidden;

Dann weiter unten die Hintergrundgrafik vergrößern, damit der Schatten auch richtig sitzt:

#logoback {
position: absolute;
width: 1102px;
height: 240px;
background : url(../images/<cc:print value="&pic.back.filename">) no-repeat;
z-index: 80;

#logo {
position: absolute;
top: 40px;
left: 61px;
width: 990px;
height: 240px;
background : url(../images/<cc:print value="&pic.logo.filename">);
z-index: 81;

Dementsprechend muss auch die Hintergrundgrafiken pic_back.gif (Bannergrafik) auf 1102px verbreitert werden. Das

Nun zum unteren Teil.
Jetzt geht es um den Content, Subnav und Sidebar. Da muss man einfach selber entscheiden, wie man die Aufteilung haben möchte und muss dementsprechend die Einteilung richtig einstellen. Der Wert „top“ ist für den Abstand von oben, der Wert „left“ für den Abstand von links.

#content {
position: absolute;
top: 280px;
left: 61px;
width: 560px;
background : url(../images/<cc:print value="&pic.contentback.filename">);
background-repeat : no-repeat;
padding: 10px 40px 10px 20px;

z-index: 82;
position: absolute;
top: 280px;
left: 670px;
width: 150px;
height: 300px;
color: #45453E;
background : url(../images/<cc:print value="&pic.subback.filename">) no-repeat;
padding: 10px 40px 10px 0px;


#sidebar {
position: absolute;
top: 280px;
left: 855px;
width: 230px;
background : url(../images/<cc:print value="&pic.barback.filename">) no-repeat;
padding-top: 10px;

Dementsprechend müssen auch die Hintergrundgrafiken pic_contentback.gif auf 620px und pic_subback.gif auf ca. 190pxverändert werden. Ich schreibe da ca., weil ich eine größere Grafik bei mir auf der Seite habe und extra noch eine Grafik für die Sidebar erstellt habe, wie man oben bei sidebar-background sehen kann.

Nun zu den Änderungen in der style_content.ccml.

Wer da den Befehl für das Zentrieren hat muss den Wert „wight“ ändern.

#zentrieren {
position: absolute; /*wichtig*/
top: 0px;
left: 50%; /*wichtig*/
margin: 0 -550px; /*wichtig*/
width: 1102px;
height: 140px;
}

Nun zu den Änderungen in der global.ccml.

Wer in der Sidebar eine Hintergundgraafik eingebaut hat, muss in den ersten Block auch das Foto einfügen.

</cc:*>

<cc:picture obj="pic.bullet" dst="pbull.gif" src="pic_bullet.gif">
<cc:picture obj="pic.search" dst="psearch.gif" src="pic_search.gif" incolor.a="#000000" outcolor.a="&usercolor.dark">
<cc:picture obj="pic.back" dst="pback.gif" src="pic_back.gif">
<cc:picture obj="pic.navback" dst="pnback.gif" src="pic_navback.gif" incolor.a="#ffffff" outcolor.a="&usercolor.bright">
<cc:picture obj="pic.subback" dst="psback.gif" src="pic_subback.gif">
…. usw.

Nun zu den Änderungen in der config.ccml.
Da der Content und so ja nun breiter sind, muss man jetzt auch die Einstellungen für die Plugins anpassen.

<cc:plugin name="width" value="560">
<cc:plugin name="sidebarwidth" value="180">


Und ganz unten:
<cc:palette caption="Benutzerdefiniert" src="palette_rho_user.ccml" user="1">
<cc:substyle caption="Benutzerdefiniert" src="substyle_user.ccml" preview="preview_user.gif" palette="palette_rho_user.ccml" userpicture="1" width="990" height="240" previewleft="6" previewtop="6" previewwidth="218" previewheight="40">

Nun zu den Aufmachern. Das betrifft die Datei „easer_captionabstractpicture.ccml“.

<cc:loop type="teaserelement" obj="myteaserelement">
<cc:if cond="&myteaserelement.sidepicture.uid">
<cc:if cond="&paragraph.teaser.colcount=1">
<cc:picture uid="&myteaserelement.sidepicture.uid" suffix="_160" width=160 height=200 obj="teaserpic" bordercolor="#C0C0C0">
<div class="teaserpicture"><a href="<cc:print value="&myteaserelement.url">"><cc:printpicture xhtml="1" obj="teaserpic_160"></a></div>
</cc:if>
<cc:if cond="&paragraph.teaser.colcount=2">
<cc:picture uid="&myteaserelement.sidepicture.uid" suffix="_110" width=110 height=150 obj="teaserpic" bordercolor="#C0C0C0">
<div class="teaserpicture"><a href="<cc:print value="&myteaserelement.url">"><cc:printpicture xhtml="1" obj="teaserpic_110"></a></div>
</cc:if>
<cc:if cond="&paragraph.teaser.colcount=3">
<cc:picture uid="&myteaserelement.sidepicture.uid" suffix="_50" width=50 height=120 obj="teaserpic" bordercolor="#C0C0C0">
<div class="teaserpicture"><a href="<cc:print value="&myteaserelement.url">"><cc:printpicture xhtml="1" obj="teaserpic_50"></a></div>
</cc:if>
</cc:if>

So das war es. Ich kann für nichts grantieren. Das sind die Veränderungen, an die ich mich noch erinnern kann. Ich habe da ein paar Tage dran gesessen und wenn man so probiert, weiß man meist nicht mehr, was man vor einer Stunde so gemacht hat.

Viel Spaß damit.

Liebe Grüße

[hansimglück]

Hallo Rasoa,
ich wollte deine Website nochmals dicke loben. Gefällt mir hervoragend. Ab heute Abend setze ich mich an meinen Rechner, hoffentlich klappt's. Ich melde mich umgehend....

Viele Grüße auch an alle Beteiligten
Hans