Hallo!
Wie kann ich bei einem Theme die Menüleiste nicht nur umfärben sondern auch um ein paar pixel nach oben versetzen?
Danke! :)
Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellenHallo!
Wie kann ich bei einem Theme die Menüleiste nicht nur umfärben sondern auch um ein paar pixel nach oben versetzen?
Danke! :)
Bitte um Hilfe! :(
Warum kann ich in der CSS datei NIRGENDS mit "background-image: url(images/hintergrund.jpg);" meinen Hintergrund einfügen?? :((
Das Theme Esplanade hat so eine Hintergrundbox gehabt (konnte ich entfernen), die eingeleitet wurde durch
ZitatAlles anzeigen#wrapper{
position:relative;
max-width:1132px;
margin: 0 auto;
box-shadow: 0 0 6px #999;
background:#e9e9e9;
overflow:hidden;}
, aber warum kann ich diese "Box" nicht durch meinen Entwurf ersetzen???
hab ich auch probiert im Childtheme, aber er wird einfach nicht angezeigt...ich hab so eine html und css auch schon mit dreamweaver erstellt, der zeigt alles an aber wordpress überhaupt nicht...und im "Elterntheme" also Original WPFolio, da ist die css datei soooo lang, hab aber auch schon probiert, es an verschiedenen stellen einzufügen, aber nichts...
ich habs bis jetzt dann immer probiert, in den {} mit
background-image: url(images/content.jpg) (bzw. footer.jpg)
width: 950px;
height: 61px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
wäre das an sich mal richtig?
leider noch immer lokal, wird erst nach der fertigstellung von der schule online gestellt :(
Ich verwende jetzt das Theme "WPFolio" bzw. das Childtheme davon. Das Headerbild hab ich relativ problemlos reinbekommen, beim Mittelteil & Footer happerts aber gewaltig. Ich hab zwar mit
Zitatdiv#content{background-image: url(images/header.jpg)}
hinein bekommen, allerdings wenn ich die Größe einstellen möchte verschwindet es wieder ganz. Momentan sieht es so aus:
ich sitz schon seeeehr lang daran, hab mir auch schon einige Nächte um die Ohren geschlagen...es war eigentlich kein Stress & ich hab am Freitag gesagt bekommen, dass es jetzt dringend ist, deswegen hab ich mir auch erst jetzt hilfe geholt... hab auch schon mit ein paar bekannten telefoniert, die programmieren können, haben aber immer gemeint, dass sie noch nicht mit wordpress gearbeitet haben. Auch die Info-Lehrer in der Schule konnten mir nicht helfen... Wenn's die Lehrer nicht können, bleibts an den Schülern hängen :(
Danke!
Leider richtig, meine CSS Kentnisse sind auch sehr mangelhaft.
Bis jetzt hab ich gerade mal geschaft, das headerimage in den header zu bringen, content und footer gelingt mir nicht :S
Danke euch allen!! Kennt ihr so ein theme wo ich alles einstellen kann? :)
Hey!
Also das wäre mal der Entwurf:
Die Fotokästchen möcht ich dann ganz gerne mit dem Widget "LightBox Gallery" einfügen.
Und diese Datei hab ich aufgeteilt in header/content/footer:
Mit dem Dreamweaver habe ich eine html Seite und die dazugehörige CSS erstellt, da funktioniert es auch (Menü mit verlinkungen fehlt halt noch, aber mouseover funktioniert & oben und unten ist noch ein kleiner weißer rand), jedoch kann ich das nicht aufteilen für's wordpress-theme.
Hier mal der HTML Code:
ZitatAlles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Werkerziehung Polgargym</title>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head><body onload="MM_preloadImages('images/images/menu1w.gif','images/images/menu2w.gif','images/images/menu3w.gif')"><div align="center">
<tr align="center" valign="top"><td><div id="header"> </div>
<table width="950" border="0" cellpadding="0" cellspacing="0" style="margin-top:-56px">
<tr>
<td><img src="images/images/menu1.gif" width="121" height="56" /></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/images/menu1w.gif',1)"><img src="images/images/menu2.gif" name="Home" width="169" height="56" border="0" id="Home" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Materialliste','','images/images/menu2w.gif',1)"><img src="images/images/menu3.gif" name="Materialliste" width="329" height="56" border="0" id="Materialliste" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Archive','','images/images/menu3w.gif',1)"><img src="images/images/menu4.gif" name="Archive" width="214" height="56" border="0" id="Archive" /></a></td>
<td><img src="images/images/menu5.gif" width="117" height="56" /></td>
</tr>
</table>
<div id="content"></div>
<div id="footer"></div></td>
</tr>
</div>
</body>
</html>
& CSS:
ZitatAlles anzeigen@charset "UTF-8";
/* CSS Document */#header {
background-image: url(images/images/header.jpg);
height: 399px;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#content{
background-image: url(images/images/content.jpg);
width: 950px;
height: 900px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#footer{
background-image: url(images/images/footer.jpg);
height: 87px;
width: 950px;
background-color: #d8d8d8;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#button {
height: 35px;
width: 450px;
font-family: "Times New Roman", Times, serif;
font-size: 24px;
color: #5a5d62;
text-decoration: none;
position: absolute;
top: 385px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
Ich danke euch schon jetzt, recht herzlichst für eure Hilfe!!! :)
Wär auch okay, aber ich möcht auf jeden fall, dass es so aussieht wie auf meinem Entwurf... wie kann ich das so "reinquetschen" ??
PS.: danke schon mal, für deine Antworten! :)
leider bin ich ein ziemlicher laie im Programmieren, hab die html & css datei mit Dreamweaver hinbekommen - kanns aber nicht aufteilen und die weiteren nötigen Dateien fürs Theme zusammenstellen... Die Dateien kann ich erst abends hochstellen und ich programmier noch local, weils von der Schule erst online gestellt wird wenns fertig ist
Hallo liebe Wordpresser! ;-)
Ich muss für die Schule eine eigene Homepage machen, und arbeite auch schon seit Wochen daran - hab auch 2 Bücher über Wordpress gelesen, aber die konnten mir nicht weiterhelfen...
Ich habe einen Entwurf mit Photoshop gemacht & möchte damit ein eigenes Theme erstellen und die Fotos mit dem Widget "LightBox Gallery" drauf tun. Ich schaff es aber nicht den Entwurf irgendwie "reinzubekommen"... Leider muss das schon am Sonntag fertig sein :(
Gibt es jemanden, der mir helfen kann, bitte, ich bin schon am verzweifeln...? :(