Allgemeine Fragen und Antworten zum persönlichen Seitenlayout und dem Einsatz von CSS + SASS

Hier kannst Du Vorschläge für Grafikänderungen sowie alternative Layouts machen.

Allgemeine Fragen und Antworten zum persönlichen Seitenlayout und dem Einsatz von CSS + SASS

Avatar: martin m²#106
@Vendel
Also die Idee das Forum dafür zu Verwenden ist auch super, nur wäre es dann einfacher für die jenigen die ein eigenes Theme haben dann auch gleich neue ID und CLASS Tags bereit zu stellen.


Also ich merke das recht schnell wenn ich nur mal in diesen Thread oder in meine Benutzereinstellungen hier schaue und bessere des öfteren sofort nach, natürlich brauche ich auch ein Wenig zeit bis ich alle neuen Codes habe.

Was man noch vermerken darf: Ich habe einen Kleinen Theme Creator der dann ne *.css Datei erstellt mit dem Letzten stand den ich eingespeichert habe. Dieser läuft unter Windows und Linux.

LG
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: SkyFief
V.I.P.
#107
Das mit im Forum Vorstellen fände ich auch gut, zugegebenermaßen wäre das vermutlich deutlich einfacher für alle. Man könnte dann in der Info Box einfach darauf verweisen und gut ist, werde vllt. später mal den Anfang machen.
Es wäre auch schön wenn alle Themen dazu im selben Sub-Forum wären, der jetzige Sammelthread is leider in einem anderen als dieser (https://www.anisearch.de/forum/thread/9482,css-feature-zeigt-her-eure-styles ).
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: Yukki#108
Wie ändere ich die Farbe vom Hover bei der Suche?
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: Vendel
Admin
Themenstarter#109
.ui-menu-item.ui-state-focus { background-color: #CODE; }
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: Yukki#110
Dankeschön, jetzt noch die Frage, wie ändere ich den Pfeil, wenn ich mit der Maus bei einem Post auf "Antworten" gehe?
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: クロキュー#111
Damit ($oddColor dann mit deiner Farbe austauschen):

.tooltip-o.top > .tooltip-arrow:before {
    border-bottom-color: $oddColor !important
}.tooltip-o.top > .tooltip-arrow:after {
    border-bottom-color: $oddColor !important
}.tooltip-o.bottom > .tooltip-arrow:before {
    border-top-color: $oddColor !important
}.tooltip-o.bottom > .tooltip-arrow:after {
    border-top-color: $oddColor !important
}
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: Yukki#112
Danke, jetzt fehlt mir nur noch in der erweiterten Suche jede zweite Spalte.
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: Mr5miley#113
Habe in den Seiteneinstellungen ein wenig herumgespielt und bin jetzt eigentlich recht zufrieden, möchte allerdings die vier Container Titel, Informationen, Hauptgenres / Nebengenres und Tags als einen Container haben. Ist das möglich?

b0c5d1ac65.jpg

    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (4)

Zeige alle Kommentare
Avatar: Vendel
Admin
Themenstarter#114
Hinweis: Es gab zwei Änderung am Layout. Die Hintergrundfarbe für #content und #footer wurden anders gesetzt und die Icons in den Detail-Seiten #page-action wurde anders positioniert. Letzteres sollte aber keine Auswirkungen haben.
    • ×3
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (1)

Zeige alle Kommentare
Avatar: Vermillion
V.I.P.
#115
Ist es normal das unter dem Link https://www.anisearch.de/colors immer eine 404-Seite auftaucht?
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (3)

Zeige alle Kommentare
Avatar: martin m²#116
Ich bräucht mal eure Hilfe. Ich finde den Code nicht der für jede zweite zeile in der Warte liste den Farbton angiebt, da ich jetzt jede zweite zeile einen grauen Hintergrund ohne Transparenz habe und den nicht wegbekomme. ich habe es schon mit
text/css #item374793 {
    background-color: rgba(143, 136, 136, 0.2) !important;
}
probiert.

mein alter Code war:
text/css .responsive-table tbody tr:nth-of-type(2n) {
    background-color: rgba(236, 169, 169, 0.45) !important;
}
nur jetzt funzt das nicht mehr.

Welchen text muss ich eingeben damit ich das wieder verwenden kann?

Schon mal Danke im Voraus

PS:falls ein Screenshot gewünscht wird werde ich einen aufnehmen und posten
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (2)

Zeige alle Kommentare
Avatar: Chrolo#117
Ich frage mal ganz blöd und banal in die Runde:

Wieso ist es völlig egal, was für einen Code ich in den Kasten für das Seitenlayout eingebe - und NIE kommt irgendetwas dabei heraus? Ich bin tatsächlich kein CSS/SASS-Profi, aber selbst wenn ich einfach Codes übernehme und anisearch mir sagt, dass es ihn erfolgreich übernommen hat, gibt es keinerlei Veränderung. Was mache ich möglicherweise falsch....?

Ich würde einfach gerne die Farben des Menüs nach so langer Zeit mal ändern und ein Hintergrundbild in mein Profil einfügen. Ist das so unmöglich? xD

Danke falls sich jemand erbarmt, mir zu helfen ;)
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (4)

Zeige alle Kommentare
Avatar: martin m²#118
Mir Fällt auf die Buttons auf der Seite werden beim Hover von der Farbe her wie die PayPal Buttons. Kommt das von meinem Webbrowser oder hat @Vendel was an den Buttons gemach?. Sieht irgendwie cool aus.

LG
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
Avatar: Mahou Shounen
Freischalter
#119
Könnte mir jemand mit dem ausblenden von Unterstützen und Mitwirken behilflich sein? Danke!
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (6)

Zeige alle Kommentare
Avatar: Ronsterwars
PR-Manager
#120
Mit dem neuen Update von heute sind wieder einige neue Funktionen auf aniSearch hinzugekommen. 
Wer die neuen Buttons und Menüs wie ich für sein eigenes Seitenlayout anpassen möchte habe ich hier ein paar CSS Zeilen die ihr verwenden könnt.
Der Code verändert aber meist nur die Hintergrundfarbe.
Bei den rot markierten Buchstaben fügst du dein html Farbcode ein.


Als erstes den Balken für "Gehe zum ersten ungelesenen Beitrag" .

Code:
#thread-controls {
background-color: #FFF;
}

Das ist für den Optionen-Button rechts daneben. 

Code:
#thread-controls .mpopup>li>div {
background-color: #FFF;
}

Das ist für das popup-Menü vom Optionen-Button.

Code:
#thread-controls .mpopup>li>ul.mitems {
background-color: #FFF;
border: 1px solid #FFF;
}

Das "border: 1px solid #FFF" ist für den Rand des Menüs.
Mit #FFF bestimmt ihr wie immer die Farbe und mit 1px die dicke des Randes


Damit könnt ihr die Farbe der unterpunkte ändern wenn ihr mit der Maus drüber geht.

Code:
#thread-controls .mpopup>li>ul.mitems>li>a:hover {
background-color: #FFF;
}

Als letztes noch die Thread-Navigation ganz unten.

Code:
#threads-navigation>a {
background-color: #FFF;
}

Hiermit könnt ihr die Farbe von den drei Feldern verändern wenn ihr mit der Maus drüber geht.
Code:
#threads-navigation>a:hover {
background-color: #FFF;
}


Ich hoffe ich konnte euch damit etwas weiterhelfen
    • ×9
    • ×0
    • ×0
    • ×0
    • ×0
    • ×0

Kommentare (2)

Zeige alle Kommentare