Reihenfolge "Schnellzugriff" ändern

Fox2Fox

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?

2002Andreas

Teste das doch bitte mal, Werte wenn dann anpassen.

Code

@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]

Fox2Fox

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

Fox2Fox

Mit diesem Code sieht es so aus:

Code

@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]

2002Andreas

Bitte mal testen.

CSS

@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

Fox2Fox

Habe die Werte etwas verändert:

CSS

@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"

2002Andreas

Durch das verschieben der Einträge finde ich zumindest keinen einzelnen Code für alles.

Teste bitte mal den kompl. Code:

CSS

@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

Fox2Fox

Das sieht sehr gut aus

[Blockierte Grafik: http://fs5.directupload.net/images/160311/qgec3crj.png]

Lieben Dank und ein schönes Wochenende!

2002Andreas

Freut mich, war gern geschehen.

Zitat von Fox2Fox

ein schönes Wochenende!

Danke, das wünsche ich dir auch.

2002Andreas

Bitte testen.

Mit diesem Zusatz verschiebst du die kleinen Icons von:
Neue Beiträge und Aktive Themen:

CSS

.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]

Fox2Fox

Damit werde ich mich noch mal befassen.