Hallo,
Ich verwende die Extension CSS-Styled-Content.
Ich steige noch nicht so ganz durch das Prinzip dieser Extension durch, aber das ist nicht mein Problem. Ich möchte in den verschiedenen Contentpositionen (Rechts, Links, Normal und Rand) z.B. die Überschriften H1-H4 jeweils der Spalte zugehörig definieren.
Hierfür wrappe ich die Positionen in einen Div tag.
Das ganze scheint auch zu funktionieren. Hier der Quelltext der Seite(Ausschnitt für Inhalt in der rechten Spalte):
<div id="rechtercontent">
<!-- CONTENT ELEMENT, uid:3/text [begin] -->
<a name="3"></a>
<!-- Header: [begin] -->
<div class="csc-header csc-header-n1"><h1 class="csc-firstHeader">rechtercontent</h1></div>
<!-- Header: [end] -->
<!-- Text: [begin] -->
<p class="bodytext">das ist der Text vom rechten Content</p>
<!-- Text: [end] -->
<!-- CONTENT ELEMENT, uid:3/text [end] -->
</div>
Folgenden Eintrag ist in meinem CSS:
/*contenclassen*/
#rechtercontent{
border-bottom: 2px solid #77929E;
width: 400px;
}
Das funktioniert auch soweit.
Nun möchte ich aber z.B. H1 definieren.
Hier der Entsprechende Code der general wirken soll (oder halt für den Content an der position Normal):
H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
text-transform: uppercase;
background-color: #99BC1A;
padding: 3px;
border-left: 2px solid #77929E;
border-right: 2px solid #77929E;
}
Wie kann ich jetzt diesen Code in meinem "Rechtencontent" überschreiben...?
Weiss jemand Rat?
Und was soll dieses "-n1" in <div class="csc-header csc-header-n1">... warum dieser div-tag?
Danke.
Randomresult.
Ps. ne gute Doku, nicht die von typo3.org, die einem den Aufbau der Extension erklärt wäre auch nciht schlecht.🙂 Fall also jemand da was kennt...her damit.
hi harry 😉
...vielleicht kann ich dir ja weiterhelfen!
TD#rechtercontent {
vertical-align:top;
padding-left:5px;
padding-top:10px;
}
TD#rechtercontent P.bodytext {
font-size:9px;
padding-left:5px;
padding-top:3px;
width:202px;
background-image:url(../images/container_bg.png);
background-repeat:repeat-y;
}
TD#rechtercontent H1.csc-firstHeader, H2.csc-firstHeader, H3.csc-firstHeader, H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader {
font-size:11px;
color:#303030;
font-weight: bold;
text-align:right;
vertical-align:top;
height:20px;
width:202px;
padding-right:5px;
padding-bottom:0px;
background-image:url(../images/container_top.png);
background-repeat:no-repeat;
}
mit css kann man hier nach deiner spalte #rechtercontent alle classen neu definieren. ruf mich doch mal, wennn du zeit hast 😉
--> was ich noch gerne wissen würde ist, wie man div-container vor bzw nach einem colPos eintrag wrappen kann.
wie man in meinem css sieht will ich über meinen eintrag, aber nur in der colPos2, einen div-container mit einem bild (container_top.png).
das teil sollte aber generell VOR jedem header gewrappt werden und nicht mit diesem.
...genauso würde ich gerne an jeden eintrag noch einen "footer" wrappen.
hat jemand ne idee?
grüße
arnd aka zoe
ok und schon hab ich die antwort gefunden 😉
http://typo3.org/1422+M5ce8e9cc894.0.html
temp.content.get = CONTENT
temp.content.get {
table = tt_content
select.orderBy = sorting
select.where = colPos=0
select.languageField = sys_language_uid
renderObj < tt_content
renderObj.stdWrap.wrap = NORMAL-wrap-start | NORMAL-wrap-stop<br>
}
temp.content.getLeft < temp.content.get
temp.content.getLeft.select.where = colPos=1
temp.content.getLeft.renderObj.stdWrap.wrap = LEFT-wrap-start |
LEFT-wrap-stop<br>
# get content, right
temp.content.getRight < temp.content.get
temp.content.getRight.select.where = colPos=2
temp.content.getLeft.renderObj.stdWrap.wrap = RIGHT-wrap-start |
RIGHT-wrap-stop<br>
# get content, margin
temp.content.getBorder < temp.content.get
temp.content.getBorder.select.where = colPos=3
temp.content.getLeft.renderObj.stdWrap.wrap = BORDER-wrap-start |
BORDER-wrap-stop<br>