Navigation bar etc.

8 posts from 2 voices

• Started 1 year ago by Milw
• Latest reply from Dude
• This topic is not a support question

Tags:

No tags yet.

1. 

   Milw
   Member

   Servus,
   ich leg nun einfach mal auf deutsch los, denn laut URL müsstest du damit vertraut sein ;)
   Ich habe mehrere Fragen:

   1. Wie oder besser gesagt wo ändere ich die Hintergrundfarbe der Navigationsmenü Buttons? Und wo setze ich den Befehl das der Text im Button Links, Mittig (Center) oder Rechts angeordnet wird? (align left, right, center und so)

   2. Wie im Screenshot zu sehen sieht man ja die einzelnen News Einträge. Ist es irgendwie möglich die durch eine dünne Linie voneinander zu trennen, also abzuheben? So wirkt das irgendwie verwaschen, durcheinander. Weiß jetzt auch nicht genau wie ich es erklären soll. Es soll einfach zur besseren Übersicht verhelfen!
   Screenshot: http://imageshack.us/photo/my-images/849/seitescreenshot.jpg/

   3. Ebenfalls im Screen zu sehen ist das die Buttons mit Kategorie, Keywords, Überschrift und überhaupt der ganze Teil neben dem Bild nach unten versetzt ist, also diese ganzen Angaben oben sowie unten nicht bündig sind. Das sieht nicht so toll aus und soll bündig sein. So wie es auf der Demo Page von Newscast aussieht soll es auch bei uns aussehen. Wo ändert man das?

   Ansonsten bleibt mir nur noch zu sagen dass das Theme echt top ist und es Spaß macht damit zu arbeiten ;)

   Posted 1 year ago #
2. 

   Dude
   Dude

   Hey,
   1) In style4.css findest du folgenden code:
   

   .catnav li a{
   color:#999;
   text-shadow:1px 1px 0px #222;
   
   }

   Du kannst z.B. eine Backgrounf Farbe, etc. hinzufügen. Mit zentrierten text und Hintergrundsfarbe würde der Code z.B. wie folgt aussehen:

   .catnav li a{
   color:#999;
   text-shadow:1px 1px 0px #222;
   background: #fff;
   text-align: center;
   }

   2) In style.css suche nach:
   

   .entry{
   position:relative;
   float:left;
   width: 100%;
   clear: both;
   padding:0 0 50px 0px;
   overflow: hidden;
   }

   und ersetzte es durch:
   

   .entry{
   position:relative;
   float:left;
   width: 100%;
   clear: both;
   padding:10px 0 40px 0px;
   overflow: hidden;
   border-bottom: 1px solid #fff;
   }

   Man kann natürlich den Border Style verändern und das Padding anpassen (1 Wert ist Abstand von oben, 3 Wert Abstand nach unten).

   3) Ich bin mir nicht ganz sicher wie das Problem gelagert ist. Möchtest du den Text linksbündig abschließen lassen oder den Abstand Logo/Menü ändern?

   Posted 1 year ago #
3. 

   Milw
   Member

   Hey, vielen Dank für die zwei Tipps ;)

   Zu Nummer 3: Was ich damit eigentlich meinte war folgendes(Ich hoffe ich schaffe es nun das genauer zu erklären): Jeder Artikel bzw. die Vorschau auf der Home Seite hat ja ein Artikelbild. Rechts neben dem Bild steht dann die Überschrift, Autor, Datum, Kommentare sowie ein kurzer Text zum Artikel und der der Read More Button und der Button für die Keywords/Kategorie. Auf der Newscast Demo Page ist zu sehen das diese rechte Einheit neben dem Bild genauso hoch ist wie das Bild selbst. Also Überschrift rutscht nicht nach oben oder wie bei unserem Fall nach unten und der Button "Read More" schließt unten auf der Höhe des Bildes ab. Woran liegt das? Ich hoffe das war ein wenig besser erklärt, am besten einfach mal die Demo Page anschauen und dann http://www.milw.org unsere Seite, dann sollte es ersichtlich werden was ich meine. Sorry für die Umstände *g*
   Screenshot:http://imageshack.us/photo/my-images/6/problem3v.jpg/

   Und dazu: Wo kann man die Angaben zu Datum, Autor und Kommentaren entfernen in der Beschreibung? Im Artikel selbst allerdings sollen diese Angaben wie gehabt oben angegeben werden.

   Und dann sind auch noch ein paar weitere Fragen hinzugekommen:

   1. Nochmal zur Menübar: Menüfarbe etc. bearbeiten habe ich dank deines Tipps nun rumgebaselt. Gehe ich richtig davon aus das wenn ich die einzelnen Kategorien trennen möchte (also dazwischen Linien einbinden möchte damit sie sich abheben) folgenden Code hinzufügen muss: border-bottom: 1px solid #fff; ? Edit: Okay, hat nicht funktioniert.
   1.1. Außerdem scheint es mir das die Menübar verschoben ist. Auf der Demo Page schließt die Menübar mit dem Akkordeon Slider ab. Auf Milw.org ist das verschoben. Besonders deutlich wird das wenn man den Hintergrund z.b. weiß macht. Wie änder ich das? Screenshot: http://imageshack.us/photo/my-images/221/problem1h.jpg/

   2. Im Header soll Twitter, Facebook und Newsreader Logo stehen. Wo binde ich die ein? Normalerweise war da auch eine Suchleiste oben, da hab ich einfach mal rumprobiert und weg war sie. Gelöscht hab ich sie nicht, nur verschoben, nur find ich die Zeilen nicht mehr wo ich das gemacht hab. Wie lösche ich die Suchleiste ganz?

   3. Wo kann ich die breite der linken Sidebar festlegen? Im Moment finde ich die etwas zu breit *g*

   4. In der Sidebar ist die Suchleiste untergebracht. Dummerweise wird der "Ok" oder Suchenbutton nur als weißer Kasten angezeigt. Woran liegts? Screenshot: http://imageshack.us/photo/my-images/225/problem2v.jpg/

   5. Um Google Analytics einzubinden reicht es schlicht den Analytics Code in den Newscast Options einzugeben? Weil Google Analytics selbst redet davon das man auch was in den Quelltext einfügen muss...
   Ich bedanke mich schon mal im voraus ;)

   Posted 1 year ago #
4. 

   Dude
   Dude

   1) Um die headline nach oben zu schieben, kannst du folgenden code in style.css verwenden (füge in am Ende ein):
   

   h1.entry-heading{
   margin-top: -1px;
   }

   Um die Meta Daten (Autor, Datum, etc.) für die Vorschau zu entfernen füge folgenden Code zu style.css hinzu:
   

   .home .entry-head, .archive .entry-head{
   display: none;
   }

   2) Nein, da dies einen Border unten ("Bottom") hinzufügt. Möchtest du den border links, so verwende:
   

   border-left: 1px solid #fff;

   möchtest du den Border rechts:
   

   border-right: 1px solid #fff;

   2.1) Füge folgenden Code zu style.css (am Ende) hinzu:
   

   .catnav {
       margin: 0 0 0 -40px;
   }

   3) Den Suchleisten Code findest du in header.php. Am besten ist du ladest die original Datei wieder hoch um etwaige html, etc Fehler zu vermeiden. Der Suchleisten Code ist:
   

   <div id="headextras" class='rounded'>
   
   				<?php get_search_form(); ?>
   
   				<ul class="social_bookmarks">
   					<?php if(isset($k_option['general']['contact_link']) && $k_option['general']['contact_link'] != '')
   						{
   							$contact_link = get_page_link($k_option['general']['contact_link']);
   					  		echo "<li class='email'><a class='ie6fix' href='".$contact_link."'>E-mail</a></li>	";
   						}
   					?>
   					<li class='rss'><a class='ie6fix' href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
   
   					<?php if(isset($k_option['general']['acc_tw']) && $k_option['general']['acc_tw'] != '')
   						  echo "<li class='twitter'><a class='ie6fix' href='http://twitter.com/".$k_option['general']['acc_tw']."'>Twitter</a></li>";
   					?>
   
   					<!-- there is room for 3 icons, below are predefined classes for others if you want to use them instead -->
   					<!--
   					<li class='flickr'><a class='ie6fix' href="#">flickr</a></li>
   					<li class='facebook'><a class='ie6fix' href="#">Facebook</a></li>
   					-->
   
   				</ul><!-- end social_bookmarks-->
   
   			<!-- end headextras: -->
   			</div>

   Lösche oder modifiziere ihn nach belieben. Das Flickr oder Facebook Icon kann man anzeigen, wenn man <!-- und --> vor und nach den Links entfernt.

   4) Das ist etwas aufwendiger - am besten du verwendest das Firefox Plugin Firebug um alle Bereiche perfekt anzupassen. Die Sidebar ist schon auf 200px verkleinert worden, den Content Bereich kannst du mittels folgenden Code
   

   #content, .entry-no-pic .entry-content {
       width: 720px;
   }

   vergrößern. Das Problem ist, dass die ganzen weiteren Bereiche, Comments, etc. auch adjustiert werden müssen und dies sprengt meine Zeit die mir für den Support zur Verfügung steht, daher verwende bitte Firebug um die nötigen Änderungen selbst herauszufinden.

   5) Ja - einfach den Code in das Textfeld und speichern :)

   Posted 1 year ago #
5. 

   Milw
   Member

   Vielen vielen Dank für die Mühe und Hilfe, das ist schon mal eine große Hilfe und ein weiterer Schritt in Richtung Vollendung der Seite ;)

   Trotzdem hab ich nochmal zwei Fragen:
   - Englisch ist zwar eine schöne Sprache, trotzdem soll der "Read More"-Button in der Artikelvorschau zu einem "Weiterlesen"-Button werden. Wo ändert man das?

   - Zusätzlich dazu soll der Button der die Kategorie anzeigt verschwinden. Zwar hab ich die Option schon gefunden mit der man sowohl Read More als auch Kategorie Button dem Erdboden gleichmacht, aber der Read More Button soll ja erhalten bleiben ;)

   Posted 1 year ago #
6. 

   Dude
   Dude

   Öffne hierzu index.php und archive.php.

   1) In beiden Datein lösche folgenden Code:
   

   <span class="categories"><?php the_category(', '); ?></span>

   und ändere den Text "Read more" in der folgenden Zeile:
   

   <a href="<?php echo get_permalink() ?>" class="more-link"><?php _e('Read more','newscast'); ?></a>

   Posted 1 year ago #
7. 

   Milw
   Member

   So, nach ein paar Tagen Pause kommt die nächste Frage ;) An dieser Stelle mal ein dickes Danke! für die bisherige Hilfe!

   Ist es irgendwie möglich folgende Aufteilung zu realisieren? Screenshot: http://imageshack.us/photo/my-images/840/aufteilungx.jpg/

   Also das man den Content Abschnitt so aufgliedert und darunter dann entsprechend der Kategorie die einzelnen News anzeigt ^^

   Falls ja wären ein paar Tipps nicht schlecht, oder sollte es den zeitlichen Rahmen des Möglichen sprengen, nur Angabe in welchen Dateien wir rumpfuschen müssen ;)

   Posted 1 year ago #
8. 

   Dude
   Dude

   Daher die 4 Boxen stellen jeweils 1 Kategorie dar und von jeder Kategorie soll ein oder mehrere Posts angezeigt werden? Falls ja, muss ein eigenes Template geschrieben werden, das zum einen alle Kategorien samt Posts listet (siehe hierzu: http://www.dynamicwp.net/articles-and-tutorials/how-to-list-categories-along-with-their-posts/ ) zum anderen aber die 2 Spaltenstruktur verwendet (mit Zählvariabel, modulo etc. arbeiten).

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.