Wp-snap Css

Sventheman

Ich habe eine bitte an css Pros. Ich richte gerade WP-Snap ein und schaffe es nicht das css so einzurichten wie ich das gern hätte. Also css code habe ich das:

ol.snap_nav {
display: inline;
float: left;
clear: both;
list-style: none;
}

ol.snap_nav li {
display: block;
float: left;
padding: 0 2px 10px 0;
}

ol.snap_nav li a {
font-weight: bold
}

ol.snap_nav li.snap_selected a {
cursor: text;
}

ol.snap_titles {
clear: both;
display: block;
border: 0;
list-style: none;
}

(dies ist der standart code)
ich habe schon alles mögliche probiert, aber zerschiese es mir immer. Ich hätte gern das es so aussieht und das die Buchstaben oben zentriert sind:

http://www.nateomedia.com/images/wp-snap_screen.gif

Könnte bitte mal einer drüberschauen und mir einen ungefähren tipp geben. ich verzweifel schon so langsam. :-)

Werbepost

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

Monika

das kann ich ...abre bei mir funktioniert das Plugin nicht,
es nimmt nur die Beiträge auf, die es beim ersten Mal aktivieren gab,
neue nicht :(

Code

.box01 .cont ol.snap_nav {
    display: inline;
    float: left;
    clear: both;
    list-style-type: none;
background-image:none;


}


.box01 .cont ol.snap_nav li {
    display: block;
    float: left;
    line-height:250%;
padding:0.4em;




}


.box01 .cont ol.snap_nav li a {
    font-weight: bold;
}
.box01 .cont ol.snap_nav li a:hover {
    font-weight: bold;
background-color:#fff;
color:#ff0000;
}


.box01 .cont ol.snap_nav li.snap_selected a {
    cursor: text;
}


.box01 .cont ol.snap_titles {
    clear: both;
    display: block;
    border: 0;
        list-style-type: none;
}

Alles anzeigen

.box01 und .cont sind bei meinem Blog zwei CSS classen in denen das Wp-Snap dann eingebettet drin liegt,

wie die bei Dir heißen weiß ich nicht,

Du kannst es auch mal versuchen ohne diesen Vorspann,

die Farben sind auch bloß Beispiele,

lg

Sventheman

hm.....funktioniert nicht. ich habe box und cont weggemacht, weil ich das ja nicht habe und nicht weiß wie ich das in eine Box "einbette". Aber wenn ich box und cont wegmacht siehts genau aus wie vorher.

mach ich was falsch?

Sventheman

Hier siehst du oben wp-snap mit deinem css ohne box und cont, weil ich nicht weiß wie ich es mit box und cont funktioniert, wie du siehst ist es weit von meinem ziel entfernt. zudem sieht es mit der standart css genauso aus.

http://meidin.cwsurf.de/meidin/categories/allgemein/

Einen vorschlag?

Monika

Code

#noticias  ol.snap_nav {
    display: inline;
    float: left;
    clear: both;
    list-style-type: none;
background-image:none;


}


#noticias  ol.snap_nav li {
    display: block;
    float: left;
    line-height:250%;
padding:0.4em;




}


#noticias  ol.snap_nav li a {
    font-weight: bold;
}
#noticias  ol.snap_nav li a:hover {
    font-weight: bold;
background-color:#fff;
color:#ff0000;
}


 #noticias  ol.snap_nav li.snap_selected a {
    cursor: text;
}
#noticias  ol.snap_titles {
    clear: both;
    display: block;
    border: 0;
        list-style-type: none;
}

Alles anzeigen

.so
Grund mit #noticias sind bereits Vorgaben für ul li ol li gegeben,
jetzt muss man die dann genauso wieder ansprechen und diese Vorgaben somit überschreiben
lg

Sventheman

super lieb von dir, danke. ich muss jetzt zur arbeit, ich probiers dann heute nachmittag. :-) Danke schonmal für die schnelle und nette hilfe. :-*

Sventheman

Wow, sieht schon echt besser, viel besser aus. Nurnoch zwei fragen. Ist das zentriert? manchmal hab ich nen knick in der optik und, wie kann ich einen Kasten (eine box) um das ganze mache? um es optisch vom rest ein wenig abzusetzen.

aber schonmal vielen dank monika. echt geil

Monika

Zitat von Monika

Code

#noticias  ol.snap_nav {
    display: inline;
    float: left;
    clear: both;
    list-style-type: none;
background-image:none;
padding:5px;
background-color:#fff;
color:#ffff00;
border:2px ridge #ffff00;


}




#noticias  ol.snap_nav li {
    display: block;
    float: left;
    line-height:250%;
padding:0.4em;




}


#noticias  ol.snap_nav li a {
    font-weight: bold;
}
#noticias  ol.snap_nav li a:hover {
    font-weight: bold;
background-color:#fff;
color:#ff0000;
}


 #noticias  ol.snap_nav li.snap_selected a {
    cursor: text;
}
#noticias  ol.snap_titles {
    clear: both;
    display: block;
    border: 0;
        list-style-type: none;
}

Alles anzeigen

ich behaupte jetzt nicht, dass dies die schönste Box ist aber sie hat einen anderen Hintergrund, (zumindest bei mir ) ;)
hat einen Rahmen

ganz oben die erste Angabe änderte ich,

nix div drumherum nötig ;)

lg

Sventheman

danke. ich spül noch eben ab und dann versuch ichs mal. vielen dank auf jedenfall schonmal für deine mühe. Echt toll.

P.s. Ich sage nur das ich abspüle um ein wenig mehr menschliches ins Netz zu bekommen....oder so.... 8)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Wp-snap Css

Jetzt mitmachen!