Seite 1 von 2

Boarder Rahmen einfügen

Verfasst: 15.12.2013 18:11
von Coyote41
Hallo!

Hätte noch mal eine Frage zum Prosilver Style. Würde da gern wie im Bild hier:

http://img5.fotos-hochladen.net/uploads ... e68iws.jpg

zu sehen ist einen Rahmen einfügen. Nur leider finde ich bis jetzt nichts was mir weiter helfen kann. Hab nur was über raus bekommen, dass man es per CSS definiert?!

Hoffe mir kann da wer weiter helfen. :)

Re: Boarder Rahmen einfügen

Verfasst: 15.12.2013 18:32
von Crizzo
Hi,

Finde:

Code: Alles auswählen

#wrap {
    min-width: 650px;
    padding: 0 20px;
}
Und dann kannst du dir aussuchen, ob du das padding von 20px vergrößerst oder eben noch ein margin-left und margin-right ergänzt.

Dabei natürlich beachten: KB:tippstyles

Grüße

Re: Boarder Rahmen einfügen

Verfasst: 15.12.2013 18:38
von Kirk
Wenn du einen Rahmen einfügen willst, dann probier mal das hier aus: viewtopic.php?p=1200890#p1200890

Re: Boarder Rahmen einfügen

Verfasst: 15.12.2013 20:09
von Coyote41
Nun ja wie ich das Forum in der Breite und Co ändere weiß ich, die einträge sind schnell mit Firebug zu finden, jedoch will ich ja wie im Bild zu sehen an den gelben Stellen einen Rahmen einfügen. Vielleicht blöd ausgedrück, es soll eine Bild dort angezeigt werden.

In dem Star Wars Theme wurde es so benannt:

menubase-left
menubase-right
bsl
menubase-mid
bsr
footer-left
footer-right

Damit wurde der Rahmen wo in den oberen und unteren Ecken R2D2 ist gebaut.

So einen Rahmen würde ich auch gern einbauen.

Re: Boarder Rahmen einfügen

Verfasst: 15.12.2013 20:12
von Crizzo
Und wieso machst du es dann nicht so, wie es in dem anderen Style realisiert wurde?

Re: Boarder Rahmen einfügen

Verfasst: 15.12.2013 20:17
von Coyote41
Ganz einfach, weil ich:

1. Anfänger in HTML und CSS bin
2. Ich keine Ahnung hab wie ich was wo eintragen muss (z.B. wo ich hinschreibe wo welche Grafik hin muss und wie sie eingebaut wird)
3. Ich keine Ahnung hab wie was zusammen hängt und wo ich in welche HTML/CSS Dateien ich was an welcher Stelle einschreiben muss

Deswegen frag ich ja so doof. :wink:

Re: Boarder Rahmen einfügen

Verfasst: 16.12.2013 16:25
von Coyote41
OK dann noch mal.....
/* Bordures externes gauche et droite ================================== */
#border_block {
margin: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
padding: 0px;
width: 100%;
min-height: 100%;
height: 100%;
clear: both;
}
#borderleft {
background: url("{T_THEME_PATH}/images/ADD_style/bsl.jpg") left repeat-y;
}
#borderright {
background: url("{T_THEME_PATH}/images/ADD_style/bsr.jpg") right repeat-y;
}

/* ================================================================================ */
Regelt links und rechts einen Rahmen, jedoch eintragen in die Colores.css Datei hat gar nichts gebracht, nicht mal nen Bug! :D

Hier mal der gesamte Script:

https://www.phpbb.de/support/pastebin.p ... iew&s=1375

Re: Boarder Rahmen einfügen

Verfasst: 16.12.2013 17:33
von Lehrling
Hallo,
Coyote41 hat geschrieben: Regelt links und rechts einen Rahmen, jedoch eintragen in die Colores.css Datei hat gar nichts gebracht, nicht mal nen Bug! :D
Hast du die Container denn auch in deine Template-Dateien eingebaut?

LG Beate

PS: Und ein Link zu dem Style, der dich inspiriert, wäre auch ganz praktisch.

Re: Boarder Rahmen einfügen

Verfasst: 16.12.2013 18:30
von Coyote41
Hallo Lehrling.

Hatte ich ganz vergessen:

http://www.phpbb3styles.net/db/style/Star_wars

bzw. Direktlink:

http://demo.phpbb3styles.net/Star_wars

Ähmm nein, hab ich nicht, wie mache ich das? Das ist eben meine Frage, wo muss ich was einfügen?^^

Re: Boarder Rahmen einfügen

Verfasst: 16.12.2013 18:47
von Kirk
Coyote41 hat geschrieben:wo muss ich was einfügen?
Finde in deiner overall_header.html das hier:

Code: Alles auswählen

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
Danach einfügen:

Code: Alles auswählen

	<div id="menubase_block">
		<div class="menubase-l"></div>
		<div class="menubase-m"></div>
		<div class="menubase-r"></div>
	</div>
	<div id="border_block">
	<div id="borderleft">
	<div id="borderright">
Finde:

Code: Alles auswählen

		</div>
		<!-- ENDIF -->
Davor einfügen:

Code: Alles auswählen

</div>
Lade die dir diesen oben verlinkten Style mal runter, dann siehst wo was eingefügt ist.