Beiträge von achisto

Vielen Dank.

Mit "margin-top" war auch einer meiner Versuche. Nur das ich die ganze Zeit über den ".site-content" angesprochen habe und dort versucht habe mein Ziel zu erreichen. Was aber nicht geklappt.

Inzwischen hat alles geklappt. Nur ist mit beim ersten drüberschauen auf einem größeren Bildschirm etwas seltsames aufgefallen. Das Background-image ist Link, Rechts und Unten zu kurz. Die Breite des Bildes beträgt 1080px und die höhe ist etwas mehr als 1920px.

Hiermit hab ich das Bild eingefügt:

#page, hfeed site {
    margin: 0;
    padding: 0;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(images/bg.png)!important;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 100%;
    height: 100%;
    background-position: botton left;
    margin: 0px auto;
    position: relative;
}

Ich hab es eben auch kurz getestet indem ich das Bild in den Body einfüg. Dort hat dann alles wunderbar funktioniert, nur das dann eben dort wo vorher noch das Bild war eine Weiße Fläche zu sehen war.
Ich wäre dankbar wenn mit nochmal jemand helfen könnte und evenutell das noch zeigen könnte wie ich das verändern kann in WP?

Vielen Dank im Voraus
Mit freundlichen Grüßen

Zitat von pixselig

PS: wenn du das so umsetzt kannst du auch den Header fixieren und den Hintergrund so wie SirEctor geschrieben hat umsetzen.

Ich habe es nun so probiert wie SirEctor es beschrieben hat. Ich hab den Background-image einen Hintergrund verpasst. Und das position: fixed; fest an die Position gesetzt. Zuvor habe ich auch die navbar aus dem <header> entfernt und darunter eingefügt.

Das Ergebnis ist nicht gerade perfekt. Kann mir da jemand noch helfen? Die Navigation muss ebenso wie der Header an der selben Stelle bleiben. Es funktioniert nichts was ich ausprobier. Ich kann weder die navbar noch den site-content irgendwie nach unten bewegen. Gibt es da eine Möglichkeit das zu ändern?

Vielen Dank im Voraus
Mit freundlichen Grüßen

//EDIT: Die Navi konnte ich inzwischen verschieben und auch an der Stelle festmachen. Das einzige Problem das noch immer besteht ist der Content der nicht nach unten geht?

Hallo,

Zitat

ganz einfach -> gib dem header ein eigenes backgroundimage! Eventuell musst du dich dann auch noch mit dem z-index spielen.

Der Header hat ein eigenes Backgroundimage. Das Logo (Schulgebäude mit Schrift und Kindern), der Schriftzug und die Sonne sind zusammen das Backgroundimage. Nur hat dieses keinen Hintergrund ist also transparent. Die Image ansich hat auch keinen Hintergrund.

Der Code dazu:

.site-header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url(images/circle.png)!important;
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
}


.site-header {
    width: 100%;
    height: 400px;
    margin-bottom: -120px;
}

Zitat

Du könntest bei #page das background-attachment auf fixed setzen. Dann den Teil des Hintergrundbildes für den site-header kopieren und als bg im site-header definieren und dann über z-index diesen immer als oberste Ebene anzeigen lassen.

Hat ich ganz am Anfang probiert. Als ich den Theme begonnen habe. Die Umsetzung war naja. Durch die einzelnen Lichtstrahlen im BG-Image war es schwer genau die selben mit der identischen größe und position zu machen. Daher hab ich diesen Lösungansatz nicht weiterverfolgt.

Ich hab nun probiert in der header.php die navbar aus dem <header> herauszulösen und darunter zu erstellen. Klappt auch. Nur das dadurch der komplette Site-Content nach unten rutscht und sich nicht bewegen lässt.

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
    margin: 0 auto;
    max-width: 700px;
    width: 100%;
    position: relative;
    left: 5% !important;
}

Durch "top: XX% !important;" hatte ich versucht den ganzen Inhalt nach oben zu verschieben- Der top-Wert ist in der aktuellen CSS Datei nichtmehr erhalten, da er nichts verändert hat.
Würde es was ändern wenn ich die Navbar nach unten verschieb? Oder würde das am Content nichts ändern?

Vielen Dank euch beiden für die Hilfe bis jetzt
Mit freundlichen Grüßen

Guten Morgen,

ich hab nun beide Versionen getestet. Die zweite Variante mit der Sidebar hab ich nicht ganz hinbekommen also bin ich zurück zur ersten. Diese hat aber ganz gut funktioniert.

Als letzte Frage nun noch: Ich hatte versucht den site-header mit position: fixed zu fixieren an seiner Stelle. Dies hat auch ganz gut geklappt. Die Änderung hatte ich nun wieder aufgehoben da der ganze Contentbereich unter dem Site-Header hindurch "geslidet" ist und aus dem Bild verschwunden. Wie ist es den möglich den Contentbereich so wegsliden zu lassen, dass er eben nicht unter dem Site-Header verschwindet sondern davor. Eben so, dass die Schrift schon vorher dem Site-Header Bilder verschwindet und nicht darunter noch zu sehen ist.

Vielen Dank im Voraus
Mit freundlichen Grüßen

//EDIT: Text ausgebessert.

Vielen Dank pixselig. Ich werd mich morgen dann melden ob es funktioniert hat. Bin zurzeit noch in einer grafischen Arbeit beschäftigt in Photoshop beschäftigt.

Mit freundlichen Grüßen

Jetzt nocheinmal kurz zur Frage vom Anfang zurück. Ist es den möglich die Hauptnavigation untereinander zu setzten?
Oder funktioniert nur die Lösung mit einem Menü-Widget? Geht es auch anders? Würd eigentlich ungern den ganzen Code umschreiben müssen um die Bilder nun im Menü-Widget angzeigt zu bekommen.

Vielen Dank im Voraus
Mit freundlichen Grüßen

Danke an euch beiden. Die Schrift wird wieder angezeigt.

Zitat von pixselig

mittels

CSS

.sub-menu li a {background: none!important;}

Edit:

Hat doch funktioniert. Der Webspaceprovider war leider nur nicht erreichbar und ich hab es eben erst bemerkt.

Die Schrift im Sub-Menü hab ich jetzt auf Weiß gesetzt. Aber angezeigt wird sie nicht.

Ich konnte den oberen Post von mir nicht bearbeiten, daher dieser Doppelpost.

Durch das Tutorial konnte ich die einzelnen Hauptmenu Punkte mit den entsprechenden Grafiken ersetzten. Jetzt ist aber folgendes Problem. Wenn ich ein Untermenü habe, dann wird dort auch jeder Menüpunkt mit der Grafik des Hauptmenüpunktes ersetzt.

Der Code sieht folgendermaßen dazu aus:

.menu-main-menu-container li.menu-item-51 a:link {
        display:block;
        background:url(images/bleistift_aktuelles.png)no-repeat 0 0;
        width:100%;
        height:100%;
        text-indent:-9999px;
}
    
.menu-main-menu-container li.menu-item-51 a:hover,
.menu-main-menu-container li.menu-item-51 a.current_page_item  {
        display:block;
        background:url(images/hover_aktuelles.png)no-repeat 0 0!important;
        width:100%;
        height:100%;
        text-indent:-9999px;
}

Wie kann man das Problem den beheben?

Vielen Dank im Voraus
Mit freundlichen Grüßen
Achisto

Zitat von pixselig

Die Grafik mit dem Stift inkl. Hover-Effekt sieht ja mal echt cool aus!

Vielen Dank. Hat auch etwas gedauert die in Illustrator zu zeichnen.

Zitat

Ich verstehe nicht wie eine Agentur einen Auftrag für etwas übernehmen kann für das ihr das nötige KnowHow fehlt. (Ist nicht böse gemeint!)

Kein Auftrag. Ist ein Sponsoring für die Schule. Ich bin auch nur Praktikant für die FH-Reife.

Das Tutorial mit den Stiften funktioniert. Vielen Dank.

HTML und CSS Kenntnisse sind vorhanden.

Zitat

Hast du das schon probiert -> https://wordpress.org/support/topic/...eft-of-content

Das werd ich mal versuchen. Dann bedanke ich mich. Sollte ich noch eine Frage haben. Editier diesen oder schreibe einen neuen Beitrag.

Hallo pixselig,

Zitat von pixselig

Apropos "responsiv": hast du dir deine Seite mal auf einem mobilen Gerät angesehen?

Nein, ich bin noch ein kompletter Anfänger was Wordpress betrifft. Ich wäre bisher mal froh wenn die Seite so aussehen würde wie die Fireworks Vorlage von mir. In der Agentur in der ich arbeite kann mir keiner helfen, da kein fester Programmierer in der Agentur beschäftigt ist. Ich versuch mich gerade mehr oder weniger selbst da durchzubeißen. Zurück zum eigentlichen Thema.

"Wieder" war etwas falsch gewählt. Ziel ist es die Navigation nach Links in eine Sidebar zu platzieren. Dort dann untereinander. Die Hauptmenü Punkte, also in meinem Falle Home, Aktuelles, etc. sollen durch Stiftgrafiken ersetzt werden.

Ich hab das eben mal kurz getestet mit dem Menü-Widget. Nun wird das Menü in der rechten Spalte angezeigt. Es wird auch jeder einzelne Punkt angezeigt. Nicht nur die Überpunkte.

Vielen Dank trozdem für deine Hilfe

Mit freundlichen Grüßen

Hallo,

ich hab es nichtmehr durchgelesen. Dort hätte eigentlich clear:left stehen sollen und nicht clear:float.

Mit freundlichen Grüßen

Hallo,

ich hab ein Problem. Ich bin zurzeit dabei ein Child-Theme von Twenty-Thirteen für eine Grunschule zu erstellen. Folgendes Problem ergibt sich: Wie kann ich den die Hauptnavigation wieder untereinander anzeigen lassen? Ich bin leider noch relativ neu in Wordpress.
Versuche die ich bis jetzt unternommen habe, waren zum einen:
-Die .navbar eine geringeren width-wert zu verpassen, umso die einzelnen Punkte untereinander anzeigen zu lassen.
und zum anderen:
-Habe ich die .navbar mit clear:float probiert wieder untereinander anzuordnen.

Die untere Lösung hat überhaupt nicht funktioniert. Die obere nur bedingt. Ich konnte danach nichtmehr alle Navigationspunkte anklicken. Kennt ihr noch eine andere Methode? Welchen Selektor muss den angesprochen werden um die Navigation zu verändern?

Ich hab dann direkt noch eine andere Frage: Die einzelnen Hauptpunkte der Navigation sollen durch Buttons (Stifte mit Namen) ersetzt werden. Ist das den in Wordpress möglich. Hab bisher nur ein Tutorial im Web gefunden was bei mir leider nicht funktioniert hatte.

Wordpress Version: 3.6.1.
Blog Adresse: grundschule-ho-as.de/wordpress/

Mit freundlichen Grüßen

Vielen Dank für deine Antwort. Dann werd ich das mal so meinem Chef weiterreichen und er soll dann eben entscheiden wie es weiter geht.

Hallo,

ich suche schon den gesamten Tag nach einem ähnlichen Plugin/Widget für Wordpress wie es TemplaVoila für Typo3 ist. Jetzt zu meiner eigentlichen Frage: Gibt es den sowas überhaupt für Wordpress? Wenn ja, wie lautet den der Name davon?

Vielen Dank im voraus
Mit freundlichen Grüßen
achisto

Hallo,

wo kann ich den die Position des Dropdown Menü´s ändern? Ich bin zurzeit dabei eine eigenes Theme für eine Grundschule zu erstellen und da ich noch kompletter Anfänger bin was Wordpress betrifft, nutzt ich den Standard Theme Twentyeleven und bau auf diesem Theme das Neue auf. Meine Frage bezieht sich nicht auf die komplette Navi, sondern auf die einzelnen Unterpunkte in der Navigation. Diese sollen eine andere Position erhalten. Die Navigation befindet sich inzwischen auch untereinander und nicht wie im Standard Theme mit float:left links positioniert. Ich hab mit Firebug jede erdenklich Möglichkeit ausprobiert, leider ohne entsprechender Wirkung.

Eine zweite Frage gleich noch hinterher. Das Menü befindet sich ja nun untereinander. Wie ist es den in Wordpress möglich die einzelnen Hover Bereich zu verkleinern. Was muss den da angesprochen werden? Mir ist eben aufgefallen, dass das Dropdown Menü reagiert wenn ich ich in mitten des Blogs bin.

Ich hoffe es ist halbwegs verständlich.

Wordpress Version ist 3.6
Link zum Blog kann ich leider nicht bieten, da er offline bearbeitet wird.

Mit freundlichen Grüßen
achisto