Modifikation Kubrick CSS

  • Hi,

    hab mal ein paar CSS Fragen:

    http://www.zeitung.designboard.de

    Ich möchte das Datum in der Farbe: #CCCC66
    Den Beitragstitel hingegen in: white
    +unterstrichen (solid): #666666
    Archives, Kategorien, Sammlung: white

    Wenn ich z.B. auf meine Kategorie "Artikel" klicke, dann erscheint das Datum wieder komplett falsch! Genauso, wenn eine Sucheingabe (search)gefunden wird! Wo kann ich das modifizieren?

    ____

    Für Die Farbe und die Unterstreichung des Beitragstitels, hab ich jetzt einfach in der Index.php h3 mit h4 ausgetauscht, und im Style css h4 definiert. Keine Ahnung, ob das der Richtige Weg ist. Ich kenn mich da zu wenig aus!
    Wär super, wenn mir Jemand helfen könnte.

    ____

    Was ich bis jetzt am original Kubrick für WP 1.5 verändert habe:

    1. Farben, Typo (css)
    2. #page aus der style css gelöscht (Rahmen)
    3. sonstige kleine veränderungen im Style css
    4. Searchbutton modifizert in searchform und java script in header Template.

    • 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)

    Mehr erfahren

  • Hallo Cube,

    sag mal warum machst du immer einen Neuen Beitrag, so kommt doch keiner hinterher.
    Poste doch mal in den Alten beiträgen, oder lass diese durch einen Mod oder Adim zusammenfassen..

    Mein Problem:

  • Weil ich noch mal angefangen habe, und sich die alten Beiträge auf ein anderes Theme bezogen haben (nicht Kubrick).

    Sonst hätte ich natürlich bei meinem alten Thema weiter geschrieben :)

    Trotzdem danke für den Hinweis.

    ---
    Jetzt bleib ich bei diesem Thema, und würde mich freuen, wenn mir Jemand helfen kann.

  • Das problem ist aber immer noch das alte, du probierst es entweder nicht oder du probierst es zu wenig.

    Wenn du nicht im Livesystem testen möchtest setze dir doch ne Testumgebung auf. Dann besorgst du dir am besten einen Editor der per FTP speichern kann. So kannst du deine Änderungen direkt online bestaunen. Ultraedit kann so etwas ganz hervorrragend.

    Dann nimmst du dir deine style.css vor und fängst einfach mal ganz oben an und veränderst ein-zwei Werte. Im Browser prüfen! Gut wäre wenn du dir noch in nem anderen Browserfenster eine Farbpalette öffnest damit du auch die korrekten Farben zur Hand hast.
    usw.

    Gerade das Thema CSS behaupte ich mal kann man nur durch "try & error" lernen.

  • Ich würde es mit nem <div> lösen.
    In der Stylesheet Hintergrundfarbe, Höhe und den ganzen Schnick Schnack festlegen und dann halt in der header.php reinbasteln.

  • Könntest du mir eine Seite zeigen, wo man lernen kann wie das geht?

    Ich kann zwar CSS verändern, aber nicht selber definieren.

    Wie könnte denn der Code etwa aussehen, den ich in das Header Template einfügen muss?

  • Na ja, im Grunde genommen steht schon alles, was du brauchst, in deiner Stylesheet. (Die solltest du übrigens mal aufräumen :)

    Mach mal folgendes.

    Entferne erstmal den <div id="page"> Tag der sich gleich unter dem <body> Tag befindet.
    [Wahrscheinlich in deiner header.php]
    Entferne dann den allerletzten </div> Tag in deinem Template.
    [Wahrscheinlich in deiner footer.php]

    Grund: Du hast keine ID mit dem Namen "page" in deiner Stylesheet definiert. Also ist dieser <div> vollkommen überflüssig.

    Jetzt füge bitte direkt hinter dem <body> Tag das hier ein:

    Code
    <div id="dasdingensganzoben">
    Hallo | ich | bin | Peti | :)
    </div>

    Der div mit dem ID Tag "dasdingensganzoben" bezieht sich verständlicherweise auf den ID Tag in deiner Stylesheet, den wir hiermit definieren:

    Die Werte fügst du in deiner Stylesheet ein.

    Code
    #dasdingensganzoben {
      background-color: #444444;
      margin: 0 auto;
      margin-left: 60px;
      margin-top: 0px;
      width: 710px;
      text-align: right;
      padding: 5px;
    }

    Eigentlich habe ich nichts weiter gemacht, als den #header Tag kopiert und die Werte abgeändert. Klar, und anstatt einem Hintergrundbild die Hintergrundfarbe des Balkens definiert.

    Also eigentlich ist CSS nichts kompliziertes. Definieren hört sich nur so schwer an :)

    Und wenn Fragen zu irgendwelchen lustigen Sachen in CSS auftauchen ist SelfHTML eh cool.

  • Super, danke für deine Hilfe!

    Ich werd mich morgen an die Arbeit machen, und basteln was das Zeug hält ;)

    Danke.

  • Hab mal noch eine Frage:

    Wenn ich bei einem Beitrag auf Kommentare klicke, dann ist im neuen Fenster oben so ein Switch button, mit dem man von Beitrag zu Beitrag switchen kann. Wie kann ich den entfernen? http://www.designzeitung.de

    Ich möchte, dass die Commentansicht genauso wie die Ansicht der Startseite aussieht (eben nur mit dem Anhang der Kommentare).

  • Beispielsweise beim Kubrick sieht das so aus:

    PHP
    <div class="navigation">
    	<div class="alignleft"><?php previous_post('&laquo; %','','yes') ?></div>
    	<div class="alignright"><?php next_post(' % &raquo;','','yes') ?></div>
    </div>

    Das findet sich in der single.php.

  • Danke, hab’s gefunden.

    Jetzt hab ich aber noch mal eine neue Frage:

    Ich möchte, dass mein Blogtext grau hinterlegt wird.
    Wenn ich bei .entry pedding 10px; eingebe, wird der Abstand der Schrift vom Rand aber von IE und Firefox unterschiedlich angezeigt. Hab ich irgendwo doppelte Einträge in der css??

    http://www.zeitung.designboard.de

    Der Abstand Links und recht ist bei beiden Browsern gleich, nur der Abstand oben und unten ist unterschiedlich.

    Internet Explorer:

    [Blockierte Grafik: http://www.arcor.de/palb/alben/44/2087744/1024_3933626638393733.jpg]

    (Graue Umrandung Höhe 15px, Breite 11px)

    Firefox:

    [Blockierte Grafik: http://www.arcor.de/palb/alben/44/2087744/1024_6463323339323864.jpg]

    (Graue Umrandung Höhe 24px, Breite 11px)

    Wär super wenn mir jemand helfen könnte, ich konnts selber durch try & error nicht rausfinden.

  • Uhrzeit

    Wo kann ich denn die Zeitangabe in der comments Ansicht umändern?

    Hier der Auszug aus der comments.php:

    PHP
    <small class="commentmetadata">[url="#comment-<?php comment_ID() ?>"]<?php comment_date('j. F Y') ?> um <?php comment_time() ?>[/url] <?php edit_comment_link('e','',''); ?></small>

    Das Datum hab ich schon geändert, möchte aber am/pm entfernen, und alles in deutscher Zeit haben:

    4. Mai 2005 um 22:12

  • Danke.

    Es lag daran, dass ich einige Footer php codes aus den Templates gelöscht hatte. Jetzt fehlten dort natürlich

    </body>
    </html>

    Jetzt gehts wieder.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!