Blog-Titel mit Hintergrundfarbe

12.04.2017 14:06
avatar  Roger
#1
avatar

Hallo zusammen

Ich verwende aktuell das Design "Stockholm" für meine Web-Site.
Ich möchte den Blog-Inhalte optisch etwas trennen.
Meine Idee den jeweiligen Blogtitel etwas abstand und eine Hintergrundfarbe zu geben.

Kann mir da jemand helfen, wie ich das im "Head" einbauen muss/kann?

Schon mal besten Dank …
Gruss Roger


 Antworten

 Beitrag melden
12.04.2017 16:23
avatar  Roger
#2
avatar

Ich habs geschaft ... Die Lösund ist noch besser als gedacht ... :-)
meine Lösung, vielleicht kanns ja auch mal jemand brauchen ...


<style type="text/css">
/*<![CDATA[*/
/* BLOG */

.blogselection .n {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
background-color: #f6f6f6;
}

/*]]>*/
</style>


 Antworten

 Beitrag melden
12.04.2017 22:33 (zuletzt bearbeitet: 12.04.2017 22:35)
avatar  az_
#3
avatar
az_

...cool!

Das kannste aber noch etwas abkürzen und das .n brauchste nicht:

1
2
3
4
5
6
7
8
9
10
11
 
<style type="text/css">
/*<![CDATA[*/
/* BLOG */
 
.blogselection {
padding: 10px 20px;
background-color: #f6f6f6;
}
 
/*]]>*/
</style>
 



LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
14.04.2017 11:29
avatar  Roger
#4
avatar

DANKE

Aber ohne ".n" wird der ganze bereich hellgrau und so die obtische abtrennung der einzelnen einträge leider nicht sichtbar.
Habe die kurzversion "mit .n" benutzt so gefällt es mir ...


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!