Hallo,
..einige Fragen eines Newbies an die Profis....
1. Ich möchte in meinem Blog den Header überall statisch beibehalten.
Der Text soll scrollbar sein aber eben nur unterhalb des Headers.
2. Ich möchte das Topmenü unterhalb des Headers plazieren statt innerhalb des Headers.
Ansonsten steht das Topmenü mitten im Headerbild - welches ich nicht verkleinern
möchte.
3. Ich möchte ein galerie-Tool einbinden - entweder monoslideshow oder SlideShowPro.
Wenn jemand hier Erfahrungen und Anleitungen kennt, um das/die Tools in wordpress
zu implementieren wäre ich sehr dankbar.
Danke für Hilfe.
statischer Header und Textfluss
-
-
- Gerade eben
- Anzeige
Hallo!
Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.
- ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
- ✔️ Deutsche Server & DSGVO-konform
- ✔️ Persönlicher Support (kein 0815-Ticket-System)
-
Hi,
zu den erst beiden Sachen kann ich erstmal nur via Glaskugel raten.
1. Dem Content via CSS eine fixe Größe Größe verpassen, und overflow:scroll benutzen.
2. Die Größenangaben des Header anpassen (HTML oder CSS)3. Beides nutz ich nicht, sorry
Manchmal ist es wahrlich nicht verkehrt eine URL zu posten. ;)
Gruß -
Header statisch...
Danke für die Antwort,
...da ich die HP gerade lokal überarbeite, kann ich noch keinen Link posten.
Ich werde später noch die Style hier veröffentlichen und wäre dankbar, wenn Du mir sagen könntest, was ich beim content anpassen muss...Ich möchte, dass der Text unterhalb des fixen Headers verläuft und nicht über den Header scrollt.....
Danke!!
Michael
-
Nun, da ich schlecht mal eine komplette Seite so posten kann, mal eine andere Frage: welches Theme nutzt du?
Dann kann man Dir eher eine Tip geben.Gruß
-
Header und mehr
Theme ist eingedeutschtes und angepasstes fog10 von milo317...
Themes archive | miloDer bisherige blog ist unter http://www:hardtburgspatzen.de erreichbar.
Ich möchte die Sidebar nach links haben, das statische Grundlayout aufbrechen, den Text unter einem fixen Header scrollen lassen und ein Top-Menü einfügen......
Da das bisherige Theme auch nicht widget ready ist - möchte ich es ändern.
Habe leider beruflich nicht viel Zeit und bin auch absoluter non-professional (learning by doing)....
Vielleicht findet sich ja jemand, der mir den Blog "aufpeppelt"...gegen einen Obulus??
Hier erst einmal ein Auszug aus der bereits angepassten css:
Code
Alles anzeigenbody { margin: 0; padding: 20px 0; background-color:#990000/*Hintergrundfarbe*/; background-image: url(images/header.jpg); background-repeat: no-repeat; background-attachment: fixed; font-family: font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif; font-size: 13px; color:#000000;} h2, h3, h4, h5, h6 { margin: 0; padding: 0; color:#617E8E;/*Schriftfarbe*/} h1, h1 a{ font-family: Georgia, 'Times New Roman', Times,'Lucida Sans', 'Lucida Sans Unicode', serif; float: right; color:#617E8E/*Schriftfarbe*/; font-size: 20px; font-weight: normal; text-decoration: none; padding: 0; margin: 40px 0 0 0;} h2, h2 a { color: #617E8E; font-size: 13px; font-weight: normal; letter-spacing: 0.09em; margin: 0; padding: 0;} h3 { color: #000000; font-size: 13px; margin: 15px 0 15px 0; padding: 0;} h4 { font-size: 11px; font-weight: normal; margin: 0; padding: 0;} p, ul, ol, blockquote { margin-top: 0; padding-top: 0; text-align: justify; line-height: 18px;} a { color:#617E8E;/*Schriftfarbe Überschrift*/ text-decoration: none;} a:hover { text-decoration: none; color: #000000;} a:visited { text-decoration: none; color: #000000;} a img{ border:none;} #header { width: 70%; height: 300px; margin: 0 auto; background: transparent;} #topmenu { margin: 92px 0 0 0; padding:0; z-index:5; float:left; width:80%;} #topmenu a:link, #topmenu a:visited { color:#000000;/*Schriftfarbe Topmenü*/} #topmenu a:hover { text-decoration:none;} #topmenu ul { list-style:none; margin:0 0 0 5px; padding:0;} #topmenu ul li a:link, #topmenu ul li a:visited { display:block; line-height:11px; padding:5px 15px 2px 5px; margin:0 5px 0 0; font-size:12px; border-bottom:0px solid #fff; text-transform:uppercase;} #topmenu ul li a:hover{ border-bottom:2px solid #333;} #topmenu ul li/*Topmenü als Block darstellen*/{ display:block; float:left; position:relative;} #topmenu ul li ul/*Blockanordnung Pull-Down Menü*/{ display:block; position:absolute; top:auto; list-style:none; margin:0; padding:0; visibility:hidden; border-top:1px solid #fff; width:220px;} #topmenu ul li:hover ul,#topmenu ul li.msiefix ul/*Pull-Down-Menü*/{ visibility:visible;} #topmenu ul li ul li { position:relative; float:none; line-height:18px; color:#000000; font-size:10px; _height:1px;} #topmenu ul li ul li a:link, #topmenu ul li ul li a:visited, #topmenu ul li ul li a { display:block; margin:0; line-height:15px; padding:2px 0 2px 10px; color:#000000;/*Schriftfarbe im Pull-Down-Menü*/ _height:1px; text-transform:none; border:0; background-color:#9C460B;/*Farbe des Pull-Down-Menü*/} #topmenu ul li ul li a:hover { background-color:#000000; border-top:1px solid #fff;} .col { margin: 0 0 20px 0; padding: 0 5px 15px 5px; background: url(images/post.gif) repeat-x left bottom;} .entry{ clear:left; margin-top: 15px; padding:0 5px 15px 5px; background: url(images/post.gif) repeat-x left bottom;} .entry h4 { margin-bottom: 20px; font-size: 11px; font-weight: normal;} .entry h4 strong { font-weight: bold; color: #000000;} #content { width: 70%; margin: 0px auto 0px; padding: 0 0 0 10px;} #l_sidebar { float: left; width: 14%;} #r_sidebar { float: right; width: 14%;} #main { float: left; width: 65%; margin: 10px 0 0 27px ; padding: 5px 5px 5px 5px;} #l_sidebar ul, #r_sidebar ul { margin-left: 0; padding-left: 0; list-style: none;} #l_sidebar li, #r_sidebar li { padding: 5px 0 7px 0; border-top: 1px solid #000000;} #l_sidebar li a, #r_sidebar li a{ display: block;} #l_sidebar li a:hover, #r_sidebar li a:hover{ background: #000000; color:#000000;} #l_sidebar li.first, #r_sidebar li.first { border: none;} #l_sidebar h3, #r_sidebar h3 { font-size: 15px;} #footer { clear: both; width: 60%; margin: 0 auto; background: url(images/footer.gif) repeat-x left top;} #footer p { margin: 0; padding: 30px; text-align: center;} #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 120px;} #wp-calendar #prev a { font-size: 9pt; padding-left: 10px; text-align: left;} #wp-calendar a { display: block; text-decoration: none;} #wp-calendar caption { font: normal 1.0em 'Tahoma', Arial, Helvetica, Sans-Serif;text-align: center; text-align: center; width: 100%;} #wp-calendar th { font-style: normal; text-transform: capitalize;} #wp-calendar #next a { padding-right: 10px; text-align: right;} #wp-calendar td { padding: 3px 0; text-align: center;} #wp-calendar td.pad:hover { /* Doesn't work in IE */background-color: #000; } img.center, a img.center { display: block; margin-left: auto; margin-right: auto; padding: 3px;} img.alignleft, a img.alignleft { float:left; margin: 4px 10px 5px 0; padding: 3px;} img.alignright, a img.alignright { float:right; margin: 4px 10px 5px 0; padding: 3px;} blockquote{ margin: 0 30px; padding-left: 10px; border-left: 5px solid #e0e0d0;/*Schriftfarbe Überschrift*/} #blockquote p{ margin: 0 0 10px 0; padding: 0;} #searchdiv { margin: 0; padding 0;} #searchform { margin: 0; padding: 0; overflow: hidden;} #s { width: 70%; background: transparent; color: #000000;/*Schriftfarbe Suchfeld*/ font-size: 11px; font-family: Verdana, Helvetica, Sans-Serif; padding: 3px; margin: 8px 0 0 0; border: 1px solid #000000;/*Schriftfarbe Rahmen Suchfeld*/} #textfield1 { width: 175px; background: transparent; border: none;} #submit1 { height: 19px; background: transparent; border: none; text-transform: lowercase; font-size: 10px; font-weight: bold;color: #000000;} .navigation { float: right; margin-top: 10px; margin-bottom: 60px;} -
Einen 300px hohen Headbereich zu fixieren ist keine gute Idee. Und was du alles an Umbauarbeiten geplant hast ist vielleicht schneller erledigt mit einem anderem Theme, das dem schon mal vom Grunde her näher kommt.
-
Statischer Header und mehr
Hallo Olaf,
danke für die Antwort. Welches Theme schwebt Dir denn vor?
Und warum ist es schlecht den Header zu fixieren? Ich könnte mir auch vorstellen, den Header auf 200 zu verkleinern.
Gruß,
Michael
-
Welches Theme schwebt Dir denn vor?
Eins welches die Sidebar links hat, kein statische Grundlayout, ein Top-Menü und widget ready ist ;) :-DIm Ernst, musst du mal suchen, ich hab keine Ahnung...
ZitatUnd warum ist es schlecht den Header zu fixieren? Ich könnte mir auch vorstellen, den Header auf 200 zu verkleinern.
Weil es auch noch Leute gibt mit kl. Auflösungen. Ich hab 1024, da ist die Ansicht auch nur 579, gerade mal gemessen. Also hätte ich dann 279px um mir deine Seite anzuschauen....
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!