Würde gerne die Reihenfolge "Schnellzugriff" geändert haben.
Vorher:
[Blockierte Grafik: http://fs5.directupload.net/images/160309/m8zespgy.png]
Nachher:
[Blockierte Grafik: http://fs5.directupload.net/images/160309/izvz6xd8.png]
Wäre das zu machen?
Würde gerne die Reihenfolge "Schnellzugriff" geändert haben.
Vorher:
[Blockierte Grafik: http://fs5.directupload.net/images/160309/m8zespgy.png]
Nachher:
[Blockierte Grafik: http://fs5.directupload.net/images/160309/izvz6xd8.png]
Wäre das zu machen?
Teste das doch bitte mal, Werte wenn dann anpassen.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(2) {
position:relative;
top: 49px;
}
#quick-links > DIV > UL > LI:nth-child(3){
position:relative;
top: -20px;
}
#quick-links > DIV > UL > LI:nth-child(4){
position:relative;
top: -17px;
}
#quick-links > DIV > UL > LI:nth-child(5) {
position:relative;
top: 5px;
}
#quick-links > DIV > UL > LI:nth-child(6){
position:relative;
top: 5px;
}
#quick-links > DIV > UL > LI:nth-child(8){
position:relative;
top: -1px;
}
#quick-links > DIV > UL > LI:nth-child(10){
position:relative;
top: -5px;
}
#quick-links > DIV > UL > LI:nth-child(11){
position:relative;
top: -2px;
}
}
Alles anzeigen
[attachment=0]Zwischenablage01.png[/attachment]
Sieht jetzt so aus:
[Blockierte Grafik: http://fs5.directupload.net/images/160311/9o6gsw67.png]
Zwischen "Ungelesene Beiträge" und "Eigene Beiträge" fehlt diese Trennlinie
Kann man das noch korrigieren?
edit:
Ich teste mal, die Werte anzupassen
Mit diesem Code sieht es so aus:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(2) {
position:relative;
top: 50px;
}
#quick-links > DIV > UL > LI:nth-child(3){
position:relative;
top: -21px;
}
#quick-links > DIV > UL > LI:nth-child(4){
position:relative;
top: -21px;
}
#quick-links > DIV > UL > LI:nth-child(5) {
position:relative;
top: 7px;
}
#quick-links > DIV > UL > LI:nth-child(6){
position:relative;
top: 7px;
}
#quick-links > DIV > UL > LI:nth-child(8){
position:relative;
top: -7px;
}
#quick-links > DIV > UL > LI:nth-child(10){
position:relative;
top: -7px;
}
#quick-links > DIV > UL > LI:nth-child(11){
position:relative;
top: -7px;
}
}
Alles anzeigen
[Blockierte Grafik: http://fs5.directupload.net/images/160311/tzdrqo5k.png]
Bitte mal testen.
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(2)>a{
position:relative;
top: 45px;
}
A[role="menuitem"][href="./search.php?search_id=unanswered"]{
top: 23px!important;
}
#quick-links > DIV > UL > LI:nth-child(3)>a{
position:relative;
top: -21px;
}
#quick-links > DIV > UL > LI:nth-child(4)>a{
position:relative;
top: -21px;
}
}
Alles anzeigen
Habe die Werte etwas verändert:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(2)>a{
position:relative;
top: 47px;
}
A[role="menuitem"][href="./search.php?search_id=unanswered"]{
top: 25px!important;
}
#quick-links > DIV > UL > LI:nth-child(3)>a{
position:relative;
top: -25px;
}
#quick-links > DIV > UL > LI:nth-child(4)>a{
position:relative;
top: -25px;
}
}
Alles anzeigen
Sieht so aus:
[Blockierte Grafik: http://fs5.directupload.net/images/160311/wtoy8qow.png]
Ist es möglich, die Höhe der einzelnen Bereiche anzupassen, sodass diese alle gleich hoch sind?
So wie die erste Höhe "Neue Beiträge"
Durch das verschieben der Einträge finde ich zumindest keinen einzelnen Code für alles.
Teste bitte mal den kompl. Code:
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.camp-firefox.de") {
#quick-links > DIV > UL > LI:nth-child(6){
height:8px!important;}
#quick-links > DIV > UL > LI:nth-child(8){
height:6px!important;}
#quick-links > DIV > UL > LI:nth-child(2){
height:10px!important;}
#quick-links > DIV > UL > LI:nth-child(10){
height:10px!important;}
#quick-links > DIV > UL > LI:nth-child(11){
height:10px!important;}
#quick-links > DIV > UL > LI:nth-child(8) > A,
#quick-links > DIV > UL > LI:nth-child(10)> A,
#quick-links > DIV > UL > LI:nth-child(2) > A{
margin-top:-3px!important;}
#quick-links > DIV > UL > LI:nth-child(2)>a{
position:relative;
top: 47px;
}
A[role="menuitem"][href="./search.php?search_id=unanswered"]{
top: 25px!important;
}
#quick-links > DIV > UL > LI:nth-child(3)>a{
position:relative;
top: -25px;
}
#quick-links > DIV > UL > LI:nth-child(4)>a{
position:relative;
top: -25px;
}
}
Alles anzeigen
Das sieht sehr gut aus
[Blockierte Grafik: http://fs5.directupload.net/images/160311/qgec3crj.png]
Lieben Dank und ein schönes Wochenende!
Bitte testen.
Mit diesem Zusatz verschiebst du die kleinen Icons von:
Neue Beiträge und Aktive Themen:
.small-icon.icon-search-self{
background-position: 0 32%!important;}
.small-icon.icon-search-active{
background-position: 0 70%!important;}
Werte wenn dann wieder anpassen.
[attachment=0]Zwischenablage01.png[/attachment]
Damit werde ich mich noch mal befassen.