Es würde klappen, wenn nur die div Klasse der 24 hours ext greifen würde. Sie greift nicht warum auch immer!
So sieht es jetzt aus:
[ externes Bild ] nachdem ich eine zusätzliche div klasse in die ext einfügte.
Code: Alles auswählen
<!-- IF S_CAN_VIEW_24_HOURS -->
<div class="stat-block 24stats">
<div class="displaystatswwh2">
<h3 id="twentyfourhour_stats">{L_TWENTYFOURHOUR_STATS}</h3>
<p>{HOUR_POSTS} • {HOUR_TOPICS} • {HOUR_USERS}
<br>{TOTAL_24HOUR_USERS} {USERS_24HOUR_TOTAL} {HIDDEN_24HOUR_TOTAL} {GUEST_ONLINE_24} {L_LAST_24_HOURS}
</p>
</div>
</div>
<!-- ENDIF -->
Jedoch die div Klasse der ext "stat-block.24stats" greift nicht. Ich habe das in der modern.css eingefügt und keine Änderung ist eingetroffen.
Code: Alles auswählen
.stat-block .24stats {
background: #7a7a7a; /* Old browsers */
background: -moz-linear-gradient(-45deg, #7a7a7a 0%, #afafaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #7a7a7a 0%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #7a7a7a 0%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#afafaf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border: 3px solid #262223;
border-radius: 1px !important;
margin-bottom: 4px;
padding: 0 0 0 -10px;
margin-left: -5px;
margin-right: -5px;
}
Hintergrund oben und unten müsste weniger hoch sein! Dann wäre alles wieder im grünen Bereich.
Auch mit eingefügter
lappte in der Ext links und rechts alles über.
Ich hab jetzt einfach mal die div Klasse der ext gelöscht und nur meine stehen lassen. Wenn ich jetzt noch die restiche Formatierung korrekt hinbekomme ist es okay
[ externes Bild ]
Code: Alles auswählen
<!-- IF S_CAN_VIEW_24_HOURS -->
<div class="displaystatswwh2">
<h3 id="twentyfourhour_stats">{L_TWENTYFOURHOUR_STATS}</h3>
<p>{HOUR_POSTS} • {HOUR_TOPICS} • {HOUR_USERS}
<br>{TOTAL_24HOUR_USERS} {USERS_24HOUR_TOTAL} {HIDDEN_24HOUR_TOTAL} {GUEST_ONLINE_24} {L_LAST_24_HOURS}
</p>
</div>
<!-- ENDIF -->
Ein vermutlich etwas extremer Weg, aber es würde gehen. Nur noch die Linie sollte schwarz sein sowie Abstand oben und unten weg.
[ externes Bild ] Könnte man bestimmt auch direkt in der Ext. inline erledigen. Ist mir irgendwie grad zu hoch, habs nicht gepackt.
Code: Alles auswählen
.displaystatswwh2 {
background: #7a7a7a; /* Old browsers */
background: -moz-linear-gradient(-45deg, #7a7a7a 0%, #afafaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #7a7a7a 0%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #7a7a7a 0%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#afafaf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border: 3px solid #262223;
border-radius: 1px !important;
margin-bottom: 4px;
padding: 5px 0 5px 0;
}
.displaystatswwh2 p{
color: #3e3e3e;
padding-left: 10px;
margin-left: 10px;
margin-right: 10px
}
.displaystatswwh2 h3{
color: #3e3e3e;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-right: 10px;
}
Geht doch!
[ externes Bild ]
Code: Alles auswählen
.displaystatswwh2 {
background: #7a7a7a; /* Old browsers */
background: -moz-linear-gradient(-45deg, #7a7a7a 0%, #afafaf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #7a7a7a 0%,#afafaf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #7a7a7a 0%,#afafaf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a7a7a', endColorstr='#afafaf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border: 3px solid #262223;
border-radius: 1px !important;
margin-bottom: 4px;
padding: 5px 0 5px 0;
}
.displaystatswwh2 p{
color: #333;
padding-left: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}
.displaystatswwh2 h3{
font-size: 10px;
font-family: Arial, sans-serif;
text-transform: uppercase;
font-weight: 800;
color: #333;
text-decoration: underline;
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-right: 10px;
border-bottom-color: transparent;
margin-top: 5px;
}
Code: Alles auswählen
<!-- IF S_CAN_VIEW_24_HOURS -->
<div class="displaystatswwh2">
<h3 id="twentyfourhour_stats">{L_TWENTYFOURHOUR_STATS}</h3>
<p>{HOUR_POSTS} • {HOUR_TOPICS} • {HOUR_USERS}
<br>{TOTAL_24HOUR_USERS} {USERS_24HOUR_TOTAL} {HIDDEN_24HOUR_TOTAL} {GUEST_ONLINE_24} {L_LAST_24_HOURS}
</p>
</div>
<!-- ENDIF -->
Nur wie ich die style.css direkt in die Ext. einfügen kann, weiss ich nicht. Ist jetzt in der modern.css . Ausserdem muss ich schauen, dass ich weniger Abstand zur standart Statistik hinbekomme.
Jetzt komplett angepasst [ externes Bild ]
Man kann es natürlich ganz bündig machen. Ich finds allerdings etwas doof, da dann die schwarze Linie wieder über das ganze Bild kommt und oben eben nicht
[ externes Bild ]
Müsste jetzt nur noch dringend dahinterkommen, wie ich die css. in die Ext. bekomme. Eigentlich gehört das ja nicht in die modern.css!