Thread Verfasser: gunman
Thread ID: 1025
Thread Info
Es gibt 3 Beiträge zu diesem Thema, und es wurde 2033 Mal angesehen.  Ausserdem wurden Dateien angehängt.
 Thema drucken
CSS: Site Logo über Slidebar
gunman
Hallo,

ich bin neu hier und habe direkt zum Anfang eine Frage Smile

Und zwar experimentiere ich gerade im Bereich Theme/CSS rum und hab
mir da was umgebastelt.

Und ich hab folgenden Wunsch und da kommen wir direkt zur Frage:

Ich möchte das Logo oben Links so integrieren das es in die nächste "Box" überlappt. In meinem Fall soll die Spitze des Wappens in die Slidebar hineinragen.

www.arma-social-club.de

Gibts da ne Möglichkeit bzw. einen Overlay Befehl oder ähnliches?


Grüße

Gunny
 
SuNflOw
Mit ein bisschen CSS sollte das klappen:

.top-header ersetzen:
Code
.top-header {
  background: url(images/header-top.png) top right no-repeat;
}


.left-header hinzufügen:
Code
.left-header {
  margin-left: 325px;
}


.phone hinzufügen:
Code
.phone {
  background-size: 40px 40px;
  background-position-y: 5px;
}


.logo ersetzen:
Code
.logo {
  float: none;
  position: fixed;
  top: 0;
  z-index: 100;
  margin-left: 60px;
}


Danach sieht es so aus:
phpfusion-deutschland.de/forum/attachments/test_1.png
SuNflOw hat folgende Datei angehängt:
Du hast nicht die Berechtigung die Anhäge dieses Themas zu sehen.

________________________________________________
I got my swim trunks and my Flippie-Floppies *-*
 
gunman
Hey SuNflOw1991;

danke für deine schnelle Antwort. Hat mir aufjedenfall schon weitergeholfen.

Ich habs mir jetzt so angepasst, wie ich es ungefährt von der höhe haben will.

Jetzt hab ich nur das Problem, das ich das phone icon bzw. TS Icon nicht mehr nach oben bekomme ohne das sich die Slidebar mit verschiebt.

Zusammengefügt am 25. Juli 2016 um 21:19:49:
Okay, habs hinbekommen!

Uund jetzt fällt mir auf das ich nicht mitgedacht habe.

Jetzt hängt das Wappen natürlich auch über der Navi leiste wenn ich auf Artikel gehe :/

Gibt es ne Möglichkeit zu sagen, das diese Einstellungen nur für die /index.php gelten?

Oder muss ich einen zusätzlichen Header anlegen, wo ich mir die SlideBox anzeigen lasse?

Hoffe man kann mir helfen

Grüße Gunny
Bearbeitet von gunman am 25.07.2016 um 21:19
 
Springe ins Forum: