[phpBB2] Forum verschoben
3 verfasser
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
[phpBB2] Forum verschoben
Hallo ^^
(Ich hoffe, ich hab das hier richtig gepostet...)
Mein problem ist folgendes: Seitdem ich meinen Style geändert habe und dann mein altes CSS eingesetzt habe, hat sich mein Forum nach links verschoben.
( Es handelt sich um dieses Forum http://saw-rpg.forumotion.com/ )
Ich hab hier und im Internet schon nach einer Lösung gesucht, habe allerdings nichts gefunden und so langsam bin ich richtig am verzweifeln, da ich mein Forum gerne mittig hätte
Im CSS hab ich auch schon nach einer Stelle gesucht, hab da aber auch nicht wirklich was finden können....
Ich hoffe, ihr wisst was ich meine und könnt mir dabei helfen ^^'
Lg
(Ich hoffe, ich hab das hier richtig gepostet...)
Mein problem ist folgendes: Seitdem ich meinen Style geändert habe und dann mein altes CSS eingesetzt habe, hat sich mein Forum nach links verschoben.
( Es handelt sich um dieses Forum http://saw-rpg.forumotion.com/ )
Ich hab hier und im Internet schon nach einer Lösung gesucht, habe allerdings nichts gefunden und so langsam bin ich richtig am verzweifeln, da ich mein Forum gerne mittig hätte
Im CSS hab ich auch schon nach einer Stelle gesucht, hab da aber auch nicht wirklich was finden können....
Ich hoffe, ihr wisst was ich meine und könnt mir dabei helfen ^^'
Lg
Zuletzt von TheRollyJoger am Di 4 Aug 2015 - 13:37 bearbeitet; insgesamt 1-mal bearbeitet
TheRollyJoger- Neuling
- Anzahl der Beiträge : 9
Browser :
Anmeldedatum : 03.08.15
Re: [phpBB2] Forum verschoben
Nun Du hast etwas in Deinem CSS stehen, schau bitte einmal nach der Class body (über die Suche), dort hast Du den Wert margin-left mit 35px eingesetzt.
Auch falsch der Wert heigh für den Body sowie weitere.
Nutze bitte einmal in Deinem CSS statt body die Class .bodylinewidth
Also statt...
eher so.
Hilft Dir das weiter?
LG inde
Auch falsch der Wert heigh für den Body sowie weitere.
Nutze bitte einmal in Deinem CSS statt body die Class .bodylinewidth
Also statt...
- Code:
body {
background-repeat: repeat;
font-style: italic;
height: 370px;
left: 35px;
opacity: 0.7;
position: relative;
text-align: center;
top: 50px;
width: 850px;
}
eher so.
- Code:
.bodylinewidth {
font-style: italic;
opacity: 0.7;
width: 850px;
}
Hilft Dir das weiter?
LG inde
inde- Kaiser
- Anzahl der Beiträge : 863
Hinweis : Flash The Scene™
Browser :
Verwarnung :
Anmeldedatum : 20.10.11
Re: [phpBB2] Forum verschoben
Danke für die Antwort ^^'
Ich hab jetzt in meinem CSS gesucht, habe die Stelle allerdings nicht finden können....
Vielleicht liegt es aber auch daran, dass ich einfach zu ungeschickt bin...^^'
Lg
Ich hab jetzt in meinem CSS gesucht, habe die Stelle allerdings nicht finden können....
Vielleicht liegt es aber auch daran, dass ich einfach zu ungeschickt bin...^^'
Lg
TheRollyJoger- Neuling
- Anzahl der Beiträge : 9
Browser :
Anmeldedatum : 03.08.15
Re: [phpBB2] Forum verschoben
Gehe bitte in deinem Adminbereich auf:
Anzeige Bilder & Farben Farben auf die Register Karte:
CSS Stylesheet
Poste bitte den Gesamten Inhalt dieser Karte hier zwischen zwei
Ich denke das du einiges dort drin hast, das du nicht brauchst und das auch Fehler enthält.
Anzeige Bilder & Farben Farben auf die Register Karte:
CSS Stylesheet
Poste bitte den Gesamten Inhalt dieser Karte hier zwischen zwei
- Code:
[code][/code]
Ich denke das du einiges dort drin hast, das du nicht brauchst und das auch Fehler enthält.
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: [phpBB2] Forum verschoben
hier ^^
- Code:
.avatar.mini, .avatar.mini img {
height:300px;
width:200px;
}
.nav a.nav img{
max-width: 0px;
}
body
.forumline {-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 7px;
}
a.forumlink{
color:#000000;
background-color:#000000;
display:block;
width: 400px;
height: 13px;
text-align:left;
padding-top:5px;
text-transform: uppercase;
font-size: 10px;
font-weight:bolder;}
a.forumlink:hover{
background-color:#000000;}
.postbody {padding-left:40px;}
.postbody {padding-right:40px;}
/*---Text justifie par default---*/
.postbody {
text-align:justify;
}
/*---fin de section textdecoration fix---*/
/* Avatar für Gäste verbergen */
.avatar_hide img {
display: none;
}
.avatar_hide a img {
display: inline;
}
.avatar.mini, .avatar.mini img {
height:300px;
width:200px;
}
.nav a.nav img{
max-width: 0px;
}
body
.forumline {-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 20px;
}
a.forumlink:hover{
background-color:#000000;}
/*---Text justifie par default---*/
.postbody {
text-align:justify;
}
/*---fin de section textdecoration fix---*/
.avatar.mini, .avatar.mini img {
height:300px;
width:200px;
}
.nav a.nav img{
max-width: 0px;
}
body
.forumline {-moz-border-radius: 19px;
-webkit-border-radius: 19px;
border-radius: 19px;
padding: 7px;
}
a.forumlink{
color:#000000;
background-color:#000000;
display:block;
width: 100%;
height: 13px;
text-align: center;
padding-top:1px;
text-transform: uppercase;
font-style: oblique;
font-size: 11px;
font-weight:bolder;}
a.forumlink:hover{
background-color:#000000;}
/*---Text justifie par default---*/
.postbody {
text-align:justify;
}
/*---fin de section textdecoration fix---*/
/* Avatar für Gäste verbergen */
.avatar_hide img {
display: none;
}
.avatar_hide a img {
display: inline;
}
/* Profilfeld-Namen */
.postdetails.poster-profile span.label {
display: block;
font-size: 15px;
background-color:#000000
}
/* Profilfeld-Inhalte */
.postdetails {
display: inline-block;
font-size: 10px;
text-align: center;
}
.online43{
background-color:#575757;
border-bottom-color:#363636;
border-style:solid;
border-bottom-width 3px;
border-left-color:#363636;
border-left-width:3px;
border-right-color:#363636;
border-right-width:3px;
border-top-color:#363636;
border-top-width 3px;
margin-bottom:3px;
padding: 3px 3px 3px 3px;
}
.postdetails.poster-profile a img {
border: 6px solid #363636;
}
.signature_div {
text-align: center;
}
.postbody {padding-left:90px;}
.postbody {padding-right:90px;}
a:hover {
text-transform: uppercase;
font-size: 15px;
font-weight:bolder;
font-style: oblique;
}
a[href] span strong {
font-size: 13px !important;
text-transform:uppercase !important;
font-style: oblique
}
/*** LASTPOST AVATAR ***/
.lastpost-avatar {
float: right;
padding: 15px;
}
.lastpost-avatar img{
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
height:57px;
width:38px
}
body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-10/cur970.cur), progress !important;}
}
.maintitle, .maintitle h1{
font-weight: bold;
font-size: 50px !important;
font-family: Bad Script;
margin-bottom: -25px;
}
th{font-variant: normal;}
th.thCornerL, th.thTop, th.thCornerR{border:0px;}
td.bodyline{border:5px dotted;}
td.spaceRow{border:10px; background-color: transparent; }
td.row1,td.row2,td.row3 {filter:Alpha(Opacity=50);}
.overlay {
margin-top:-180px;
width:130px;
height:180px;
background-color:black;
opacity:0;
}
body{
background-repeat: repeat;
text-align:center;
font-style: italic;
}
.name:hover {
font-family: Verdana;
font-size: 9px;
text-transform: lowercase;
letter-spacing: 1px;
font-weight: lighter;
background-image:url(\\\'\\\')
}
.forumlink {
font:14px arial;
font-style: italic;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
line-height:150%;
text-shadow: 1px 1px 0px #;
}
a.mainmenu{
text-decoration: none;
text-transform: uppercase;
font: 12px calibri;
text-shadow: 1px 1px 0px #;
color :
border-top-left-radius: 7px;
border-top-right-radius: 5px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 8px;
}
a.mainmenu:hover {
font-style: italic;
background: transparent;
background: url() repeat;
/* TRANSISITION */
transition: background 1000ms;
-webkit-transition: background 1000ms;
-moz-transition: background 1000ms;
-o-transition: background 1000ms;
}
a.cattitle {
display:block;
font: 18px Bad Script;
font-style: bold;
font-weight: normal;
text-align: center;
text-transform: lowercase;
letter-spacing: 1px;
line-height:25%;
text-shadow: 1px 1px 0px #;
}
.bodyline{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
a.gen, a.genmed, a.gensmall {
text-decoration: none;
text-transform: uppercase;
font: 12px calibri;
text-shadow: 1px 1px 0px #;
}
a.gen, a.genmed, a.gensmall:hover {
background-image:url(\\\'\\\');
font-style: italic;
}
a.topictitle{
text-decoration: initial;
font: 12px orator std;
text-transform: lowercase;}
@font-face {
font-family: \\\'Bad Script\\\';
font-style: normal;
font-weight: 400;
src: local(\\\'Bad Script Regular\\\'), local(\\\'BadScript-Regular\\\'), url(http://themes.googleusercontent.com/static/fonts/badscript/v2/rL_b2ND61EQmMOJ8CRr1fhsxEYwM7FgeyaSgU71cLG0.woff) format(\\\'woff\\\');
}
body
{
opacity: 0.9
.header {
height: 370px;
width: 850px;
opacity: 0.7;
position: relative;
top: 50px;
left: 35px;
}
.teambild {
overflow: hidden;
opacity: 0.0;
transition-delay: 0.2s;
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
}
.teambild:hover {
opacity: 0.7;
}
h1 {
background-color: #2c2c2c;
font-family: 'Monda';
text-align: center;
font-size: 10px;
color: #969696;
line-height: 30%;
margin-top: 6px;
font-weigh: light;
text-shadow: 1px 1px 1px #692828;
}
.alink1 a {
color: #8b2e2e;
text-decoration: none;
transition-duration: 0.5s;
transition-property: all;
transition-timing-function: ease;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
-webkit-transition-duration: 0.5s;
}
.alink1 a:hover {
color: #2c2c2c;
background-color: #969696;
opacity: 0.6;
}
.img3{width: 70px;height: 70px;box-shadow: 1px 3px 7px #000;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px; border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}.img3:hover{transform:scale(2.2) rotateY(360deg);-webkit-transform: rotate(45deg); z-index:2;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px;
border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}
.lastpost-avatar { padding: 1px; padding-top: 1px;padding-left: -10px;}
.lastpost-avatar img {width: 55px;height: 55px;border: 0px solid;overflow:hidden;filter:alpha(opacity=70);opacity:0.7;
-moz-opacity:0.7;-khtml-opacity:0.7;-opera-opacity:0.7; border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px;
border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}
a:link, a:link:hover{text-decoration: none !important; }
a.forumlink:link, a.forumlink:visited { margin-top: -2px;display:block; text-align: center;margin-bottom: -8px;line-height: 80%;font-size: 18px; }
TheRollyJoger- Neuling
- Anzahl der Beiträge : 9
Browser :
Anmeldedatum : 03.08.15
Re: [phpBB2] Forum verschoben
Du solltest dein CSS bitte mal auf Fehler hin untersuchen. Es fehlen dort einige Klammern und du solltest auch nach dem Bearbeiten eine Fehlermeldung dazu erhalten.
In deinem CSS ist die Class body mehrfach vorhanden.
Und dann schau mal an diese Stelle hier die sich ziemlich weit unten befindet:
Deshalb werden die Eigenschaften, die für .header gelten sollen auf die gesamte Class body übertragen.
Überprüfe dein CSS bitte auf solche Klammerfehler und korrigiere diese bis du nach dem Absenden keine Fehlermeldung bezüglich der Klammern erhältst.
Prüfe bitte auch andere Zuweisungen die Mehrfach vorhanden sind und die so zusammen gefasst werden können.
In deinem CSS ist die Class body mehrfach vorhanden.
Und dann schau mal an diese Stelle hier die sich ziemlich weit unten befindet:
- Code:
body
{
opacity: 0.9
.header {
height: 370px;
width: 850px;
opacity: 0.7;
position: relative;
top: 50px;
left: 35px;
}
Deshalb werden die Eigenschaften, die für .header gelten sollen auf die gesamte Class body übertragen.
Überprüfe dein CSS bitte auf solche Klammerfehler und korrigiere diese bis du nach dem Absenden keine Fehlermeldung bezüglich der Klammern erhältst.
Prüfe bitte auch andere Zuweisungen die Mehrfach vorhanden sind und die so zusammen gefasst werden können.
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Re: [phpBB2] Forum verschoben
Danke für die Hilfe. Hab es mir jetzt noch mal angesehen und die Klammerfehler ausgebessert. Jetzt klappt alles und es ist so, wie ich es haben wollte. Danke
TheRollyJoger- Neuling
- Anzahl der Beiträge : 9
Browser :
Anmeldedatum : 03.08.15
Re: [phpBB2] Forum verschoben
Ich habe mir dein CSS von oben noch mal durch gesehen.
Dort sind einige Fehler drin.
Um eine bessere Übersicht zu erhalten, solltest du CSS Codes immer etwas Strukturiert einsetzen. Mal als Beispiel den Eintrag von img3 von dir:
So sieht es zur Zeit aus:
Beide Codes sind die selben, nur unten kannst du die Eigenschaften besser finden und es ist übersichtlicher.
So lassen sich einfacher Fehler vermeiden und auch finden.
Da jetzt alles deinen Wünschen entspricht, schließe ich das hier erst einmal und gebe dir mit auf den weg, beim Programmieren mehr auf übersichtliche Strukturen zu achten. Das wird auch in Zukunft nicht nur für dein Forum wichtig sein.
Dort sind einige Fehler drin.
Um eine bessere Übersicht zu erhalten, solltest du CSS Codes immer etwas Strukturiert einsetzen. Mal als Beispiel den Eintrag von img3 von dir:
So sieht es zur Zeit aus:
- Code:
.img3{width: 70px;height: 70px;box-shadow: 1px 3px 7px #000;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px; border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}.img3:hover{transform:scale(2.2) rotateY(360deg);-webkit-transform: rotate(45deg); z-index:2;overflow:hidden;border-bottom-left-radius: 40px 40px;border-bottom-right-radius: 40px 40px;
border-top-left-radius: 40px 40px;border-top-right-radius: 40px 40px;}
- Code:
.img3{
width: 70px;
height: 70px;
box-shadow: 1px 3px 7px #000;
overflow:hidden;
border-bottom-left-radius: 40px 40px;
border-bottom-right-radius: 40px 40px;
border-top-left-radius: 40px 40px;
border-top-right-radius: 40px 40px;
}
.img3:hover{
transform:scale(2.2) rotateY(360deg);
-webkit-transform: rotate(45deg);
z-index:2;
overflow:hidden;
border-bottom-left-radius: 40px 40px;
border-bottom-right-radius: 40px 40px;
border-top-left-radius: 40px 40px;
border-top-right-radius: 40px 40px;
}
Beide Codes sind die selben, nur unten kannst du die Eigenschaften besser finden und es ist übersichtlicher.
So lassen sich einfacher Fehler vermeiden und auch finden.
Da jetzt alles deinen Wünschen entspricht, schließe ich das hier erst einmal und gebe dir mit auf den weg, beim Programmieren mehr auf übersichtliche Strukturen zu achten. Das wird auch in Zukunft nicht nur für dein Forum wichtig sein.
#Frank- Administrator
- Anzahl der Beiträge : 33551
Hinweis : Never change a running system on Friday!
Browser :
Anmeldedatum : 13.08.08
Das Forum der Foren :: Hilfe und Unterstützung (Support-Bereich) :: Das Aussehen eines Forums anpassen
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten