Layout "Lime"

Hallo Rico,

IrfanView lädt PNG-Dateien und speichert auch wieder transparente PNG-Dateien und mann kann die Farb- und Helligkeitswerte auch bearbeiten. Du könnest es ja mal mit diesem Programm probieren (z.B. auf 256 Farben reduzieren und als transparente PNG ohne Kompression speichern - wirkt aber nur bei leichten Grautönen als Hintergrundfarbe).

Gruß Robert

Hallo Rico,

den Eintrag findest du im CSS (.._/media/styles.css) im Bereich SEARCH:

/***** SEARCH *****/
#search_wrapper
{
position:absolute;
right:0px;
top:20px;
}

.searchform {
border: none;
}

#fieldset {
overflow: hidden;
margin: 0;
border: none;
white-space: nowrap;
}
#field {
color: #text(searchfield-font-color);
height: 24px;
padding: 8px 0px 0px 5px;
margin: 0 0 0 0;
border: 1px solid #C7CBCA;
vertical-align:middle;
background-color: #FFFFFF;
font-size: 14px;
width: 280px;
background: url(../_media/stock-images/searchbox_bg.png) #ffffff;
-moz-border-radius: 5px;
border-radius: 5px;

}

Die Breite width: 280px; steuert den gesuchten Wert.

Gruß Robert

N'Abend,
ich habe auch eine Frage zu dem Layout: Unter https://community.zeta-producer.com/www.buergerbegehren-vellmar.de möchte ich den oberen türkisenen Kopfbereich bischen größer (höher) gestalten und dafür den grauen darunter deutlich schmaler.
Wer hat eine Idee wie ich bewerkstelligen kann?
Besten Dank
Tobias

Hallo,

dies kann man über die Datei styles.css (Cascading Style Sheet) ändern, sollte aber nur von erfahrenen Benutzern durchgeführt werden (es gibt dann auch von ZP keinen Support mehr). Ich nehme an, dass die Änderungen im Kopfbereich zu machen sind:

<div id="header_top">
<div class="header_content_inner">
<div id="header_webname_position">
<a href="http://hosting.zeta-producer.com/customer-56706-568592699">
<span id="logo"><img src="media/images/rathaus_vellmar.jpg" width="120" height="80" alt="http://hosting.zeta-producer.com/customer-56706-568592699" title="" /></span>
<span id="header_webname_noslogan">Bürgerbegehren Vellmar</span>
</a>
</div>
<div id="mainmenu">
<ul><li><a class="topmenuactive" href="index.html">Bürgerbegehren</a></li><li><aclass="topmenu" href="masterplan_vellmar.html">Masterplan</a></li></ul>
</div>
</div>
</div>
<div id="header_bottom">
<div class="header_content_inner">
<div id="breadcrumb"> &nbsp; </div>
<div id="search_wrapper"></div>
</div>
</div>
</div>

Der Kopf teilt sich header_top und header_bottom auf. Du musst nun in der css nach den gleichen ID #header_top und #header_buttom suchen und dort die Höhe entsprechend steuern.

#header_top {
min-height:110px;
background-color:#text(headertop-background-color);
}
#header_bottom
{
border-top-style:solid;
border-top-width:1px;
border-color: #text(headerbottom-border-top-color);
height:auto;
min-height:90px;
background: url(../_media/stock-images/headerbottom_alpha.png) repeat-x #text(headerbottom-background-color); /* #96DB56 */
}

Die Einträge min-height sind deinen Wünschen entsprechend zu ändern.

Gute Infos zu CSS erhälst du unter http://www.css4you.de/

Gruß Robert

Besten Dank Robert, werde mich mal daran probieren.
@Zeta-Team: Vielleicht wäre das auch ein Feature den man übernehmen könnte in ds Programm selbst. Ich kann bei den Layouteinstellungen alle Parameter verändern, lediglich die Höhe im Kopfbereich fehlt mir da bisher.

Danke und Gruß
Tobias

Hallo Robert,
vielen Dank - hat wunderbar geklappt, wenn auch etwas gedauert. Der Text und das Newsfenster rechts daneben beginent jedoch noch immer an der alten Stelle - wie kann ich den leeren Platz besser nutzen indem ich alles etwas nach oben ziehe?

Besten Dank
Gruß
Tobias