Kein Abstand zum Rand

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
ComputerBoss
Mitglied
Beiträge: 115
Registriert: 24.10.2008 13:45

Kein Abstand zum Rand

Beitrag von ComputerBoss »

Hi,

mir ist aufgefallen, dass bei meinem Style kein Abstand zum rand im Portal gehalten ist.

Hier ist die Datei "portal.css"


Vielleicht könnte mir das mal bitte jemand umändern, damit ein kleiner Abstand zum Rand gehalten wird und vielleich Links und Rechts alles in den Rahme/Boxen enthalten ist.

Code: Alles auswählen

/*  Board3Portal Stylesheet. 
    --------------------------------------------------------------
	Style name:		Board3Portal
	Based on style:	proSilver (this is the default phpBB 3 style)
	Author: Christian Henseler (http://www.graphich-corner.ch) pfotenwelt	
	
	Copyright 2008 www.graphich-corner.ch  und www.board3.de
    --------------------------------------------------------------
*/
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

.portal-panel {
	background-color: #ECF0F4;
	color: #28313F;
	margin-bottom: 4px;
	padding: 0 10px;
	color: #3f3f3f;
}

.portal-panel h3 {
	margin: 0.5em 0;
	border-bottom:solid 1px #0076B1;
}

.portal-panel p {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.4em;
}

.portal-panel h4 {
	margin: 0.4em 0;
	border-bottom: 1px #3366CC dashed;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
span.portal-corners-top {
	margin: 0 -10px;
}

span.portal-corners-top span {}

span.portal-corners-bottom {
	margin: 0 -10px;
	clear: both;
}


span.portal-corners-bottom span {}

span.portal-corners-top, span.portal-corners-bottom, span.portal-corners-top span, span.portal-corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

.panel span.portal-corners-top, .panel span.portal-corners-bottom {
margin: 0 -10px;
}

/*inner corners*/

span.portal-corners-top-inner {
	margin: 0 -10px;
}

span.portal-corners-top-inner span {}

span.portal-corners-bottom-inner {
	margin: 0 -10px;
	clear: both;
}


span.portal-corners-bottom-inner span {}

span.portal-corners-top-inner, span.portal-corners-bottom-inner, span.portal-corners-top-inner span, span.portal-corners-bottom-inner span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

.panel span.portal-corners-top-inner, .panel span.portal-corners-bottom-inner {
margin: 0 -10px;
}

/*Portal-menu*/

.portal-navigation{
border: 1px solid black;
border-bottom-width: 1px;
width: auto;
}

.portal-navigation ul{
margin: 0;
padding: 0;
list-style: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px;
}

.portal-navigation li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: auto; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: black;
background-color: #FFF;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu.gif");
border-bottom: 1px solid #CFD9E0;
border-left: 7px solid #CFD9E0;
}

/* IE6 FIX */
* html .portal-navigation ul li{
border-bottom: 1px solid #CFD9E0;
}

.portal-navigation li a:hover {
background-color: #DFE6EB;
background-image: url("{T_THEME_PATH}/images/portal/bg_portalmenu1.gif");
border-left-color: #AA0000;
}

.portal-navigation div.menutitle{
color: #000000;
border-bottom: 1px solid #CFD9E0;
padding: 1px 0;
padding-left: 5px;
background-color: #CFD9E0;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 12px;
}

/* Portal linkblock*/

.arrowlistmenu{
width: auto; /*width of menu*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background-image: url("{T_THEME_PATH}/images/portal/arrowbullet.gif");
background-repeat: no-repeat;
background-position: center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #AA0000;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #0076B1;
background-color: #B9CBD2;

Achso mit Rahmen/Boxen meine ich sowas:
Große Bilder bitte nur verlinken - KB:16 - JFooty
http://img410.imageshack.us/img410/5338 ... nntud9.jpg
Große Bilder bitte nur verlinken - KB:16 - JFooty
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Kein Abstand zum Rand

Beitrag von redbull254 »

Hallo erstmal,
es liegt NICHT an der portal.css, sondern am Style, einer falschen Installation oder ...;-)
Sonst hätten wir mittlerweile Tausende Support-Anfragen dazu gehabt.
Leider kann man nach kleinen Bildchen schlecht beurteilen, was da schief gelaufen ist.
Ein Link zum Forum hilft da wesentlich weiter.
Ich würde noch einmal den Einbau kontrollieren.

Welche Boxen-Breite hast Du denn im ACP eingestellt?
Beste Grüße
Walter
ComputerBoss
Mitglied
Beiträge: 115
Registriert: 24.10.2008 13:45

Re: Kein Abstand zum Rand

Beitrag von ComputerBoss »

Also ich habe eigentlich keine Boxen-Breite eingestellt.

Haber hier ist erstmal der Link:

http://pctown-home.de



Links und Rechts im Portal, wo alles an den Rand gedrückt ist
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Kein Abstand zum Rand

Beitrag von redbull254 »

Wie schon vermutet habe. ;-)
Ein Einbau-Fehler. Die portal.css ist nicht eingebunden. Entweder hast Du das folgende nicht befolgt oder nicht alle Dateien an die richtige Stelle geladen. Beachte dazu, das im Paket des Portal Mods nur die Standard-Styles drin liegen. Siehe dazu den Ordner "Styles" im Paket.
Die Dateien müssen natürlich auch in Deinen aktuellen Style geladen werden.

Code: Alles auswählen

Open: styles/prosilver/theme/stylesheet.css
Find
Tip: This may be a partial find and not the whole line.


@import url("colours.css");
Add after
Tip: Add these lines on a new blank line after the preceding line(s) to find.


@import url("portal.css");


Nach Style-Änderungen immer dies beachten:
Dein Style muss noch in der Datenbank aktualisiert werden!

Gehe dazu folgende Schritt durch:

ACP --> Styles --> Style-Komponenten --> Themes
ACP --> Styles --> Style-Komponenten --> Templates
ACP --> Styles --> Style-Komponenten --> Grafiksammlungen

Dort angekommen, klicke jeweils auf den Link " Aktualisieren "

Nach den Aktualisierungen gehe zurück auf den ACP Index ( ACP --> Allgemein ) und klicke bei "Den Cache leeren" auf den Button "Jetzt ausführen".

Bei manchen Browsern ist es zusätzlich nötig, den Browser Cache zu löschen. ( Meistens mit STRG + F5 )

Alternative Möglichkeit:

ACP --> Allgemein --> Serverlast --> Rekompilieren veralteter Style-Komponenten: JA einstellen.

Das sollte aber hinterher wieder zurück gestellt werden. (Sonst große Serverlast)
Der Cache muss aber trotzdem geleert werden.
Desweiteren soll/muss eine Boxenbreite im ACP =Portal=> Allgemeine Einstellungen definiert sein. Der Standard-Wert beträgt 180 px.

Breiteneinstellung der rechten und linken Spalte

Breite der linken Spalte:
Ändere hier die Breite der linken Spalte in Pixel, empfohlener Wert 180

Breite der rechten Spalte:
Ändere hier die Breite der rechten Spalte in Pixel, empfohlener Wert 180
Beste Grüße
Walter
ComputerBoss
Mitglied
Beiträge: 115
Registriert: 24.10.2008 13:45

Re: Kein Abstand zum Rand

Beitrag von ComputerBoss »

Danke, .... es geht
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Kein Abstand zum Rand

Beitrag von redbull254 »

Dann wäre es toll, wenn Du uns schreibst, woran es gelegen hat. Es gibt ja auch noch andere Mitglieder, die einmal das Problem haben könnten. ;-)
Beste Grüße
Walter
ComputerBoss
Mitglied
Beiträge: 115
Registriert: 24.10.2008 13:45

Re: Kein Abstand zum Rand

Beitrag von ComputerBoss »

Naja ich habe erst alles so gemacht wie Du es beschrieben hast.

Also:

Code: Alles auswählen

Open: styles/prosilver/theme/stylesheet.css
Find
Tip: This may be a partial find and not the whole line.


@import url("colours.css");
Add after
Tip: Add these lines on a new blank line after the preceding line(s) to find.


@import url("portal.css");
Dein Style muss noch in der Datenbank aktualisiert werden!

Gehe dazu folgende Schritt durch:

ACP --> Styles --> Style-Komponenten --> Themes
ACP --> Styles --> Style-Komponenten --> Templates
ACP --> Styles --> Style-Komponenten --> Grafiksammlungen

Dort angekommen, klicke jeweils auf den Link " Aktualisieren "

Nach den Aktualisierungen gehe zurück auf den ACP Index ( ACP --> Allgemein ) und klicke bei "Den Cache leeren" auf den Button "Jetzt ausführen".

Bei manchen Browsern ist es zusätzlich nötig, den Browser Cache zu löschen. ( Meistens mit STRG + F5 )

Alternative Möglichkeit:

ACP --> Allgemein --> Serverlast --> Rekompilieren veralteter Style-Komponenten: JA einstellen.

Das sollte aber hinterher wieder zurück gestellt werden. (Sonst große Serverlast)
Der Cache muss aber trotzdem geleert werden.

Und dann bin ich auf " ACP =Portal=> Allgemeine Einstellungen" und habe dort erst einmal ne ganz andere Zahl angegeben, dann bestätigt und dann habe ich wieder die Standart-Werte angegeben.

Und danach natürlch den Cache und im Browser den Verlauf und die Cokies gelöscht.
McFly77
Mitglied
Beiträge: 48
Registriert: 06.02.2009 08:10

Re: Kein Abstand zum Rand

Beitrag von McFly77 »

ComputerBoss hat geschrieben:Also ich habe eigentlich keine Boxen-Breite eingestellt.

Haber hier ist erstmal der Link:

http://pctown-home.de



Links und Rechts im Portal, wo alles an den Rand gedrückt ist

Hallo,

wie macht ihr das mit den ganzen Sachen links und rechts ? Meine die Boxen mit anmelden, Statisiken usw.

Hat wer einen Tipp ?

Danke

Gruß
Andy
Benutzeravatar
redbull254
Ehemaliges Teammitglied
Beiträge: 10379
Registriert: 05.01.2006 13:01
Kontaktdaten:

Re: Kein Abstand zum Rand

Beitrag von redbull254 »

Bau Dir das Portal ein, dann hast Du auch so schöne Boxen. :grin:

http://www.phpbb.de/community/viewtopic ... 8&t=163145

Demo
Beste Grüße
Walter
ComputerBoss
Mitglied
Beiträge: 115
Registriert: 24.10.2008 13:45

Re: Kein Abstand zum Rand

Beitrag von ComputerBoss »

Die Version habe ich aber schon ... Ich glaube das mit den Boxen liegt am Style ( xabbblue )

Aber ich möchte das Style umbedingt behalten .... was könnte ich da machen?
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“