forum versmallen

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
ringo1
Berichten: 256
Lid geworden op: 21 mei 2010, 05:49

forum versmallen

Bericht door ringo1 » 11 jun 2010, 19:05

hallo,

ik ben veranderd van template ik gebruikte eerst prosilver en nu heb ik Acid tech.
nu zou ik ook mijn forum terug willen versmallen bij prosilver was mij dat gelukt
is het ook op deze manier?

#wrap {
padding: 0 20px;
min-width: 650px;
}
Inline Find:

min-width: 650px;
After add:

width: 70%;
margin: 0 auto;



grtz ringo

Gebruikersavatar
Jeroen
Berichten: 3639
Lid geworden op: 10 mei 2008, 21:22

Re: forum versmallen

Bericht door Jeroen » 11 jun 2010, 19:17

Heb je bovenstaande al geprobeerd dan? We hoeven niet alles voor te kauwen, je kan dingen ook eerst zelf proberen.
Jeroen

ringo1
Berichten: 256
Lid geworden op: 21 mei 2010, 05:49

Re: forum versmallen

Bericht door ringo1 » 14 jun 2010, 17:55

de code om mijn forum te vesmallen vindt ik dus niet terug in acid tech.
bij prosilver heb ik het wel gekunnen gebruikt er iemand acid tech? en die mij op weg kan helpen? alvast bedankt grtz

ringo1
Berichten: 256
Lid geworden op: 21 mei 2010, 05:49

Re: forum versmallen

Bericht door ringo1 » 24 jun 2010, 18:11

kan er mij iemand helpen ik krijg het niet voor elkaar om mijn forum te versmallen?

Riccmaster
Berichten: 5
Lid geworden op: 10 jun 2010, 17:22

Re: forum versmallen

Bericht door Riccmaster » 24 jun 2010, 18:42

Acid tech is denk ik subsilver gebaseerd. Daar is een andere code voor.

ringo1
Berichten: 256
Lid geworden op: 21 mei 2010, 05:49

Re: forum versmallen

Bericht door ringo1 » 24 jun 2010, 18:47

welke dan en waar moet ik dat aanpassen? ik zou mijn forum zo willen als dit hier.

ringo1
Berichten: 256
Lid geworden op: 21 mei 2010, 05:49

Re: forum versmallen

Bericht door ringo1 » 01 jul 2010, 18:59

weet er al iemand waar ik mijn forum kan versmallen?

hier is mijn code van mijn stylesheet.css

Code: Selecteer alles

/ * Layout
 ------------ * /
* {
/ * Reset browsers standaard margin , padding en tekengrootten * /
margin: 0;
padding: 0;
}

html {
font-size: 100% ;
}

body {
/ * Tekst -sizing met EMS : http://www.clagnut.com/blog/348/ * /
font-family : "Lucida Grande " , Verdana , Helvetica, Arial , sans -serif ;
color: # fff ;
background: # 242424 url ( images / body.gif );
font- size: 10px;
margin: 0;
padding: 0 5px ;
}
# body- eenvoudige {
background: # 191919 ;
padding: 5px ;
}

/ * Misc dingen * /
img {
border: none;
}

. Gen {
margin: 1px 1px ;
font-size: 1.2em ;
}

. genmed {
margin: 1px 1px ;
font-size: 1.1em;
}

. gensmall {
margin: 1px 1px ;
font-size: 1em ;
}

. titels {
font-family : "Lucida Grande " , Helvetica, Arial , sans -serif ;
font -weight: bold ;
font-size: 1.3em;
text-decoration : none;
}

. vergissing, tabel TD . foutmelding {
color: # F0E80A ;
}

. spacer {
background: # 4A6786 url ( images / th.gif ) linksboven repeat- x;
}

hr {height: 0px; border: solid # 2370B6 0px; border-top -width : 1px ; }

. paginering {
padding: 4px;
font-size: 1em ;
font -weight: bold ;
}

/ * Links
 ------------ * /
een {
color: # 2370B6 ;
text-decoration : none;
}

a: actief,
a: visited {
color: # 2370B6 ;
text-decoration : none;
}

a: hover {
color: # F0E80A ;
text-decoration : underline ;
}

a.forumlink {
font -weight: bold ;
font-family : "Lucida Grande " , Helvetica, Arial , sans -serif ;
font-size: 1.2em ;
}

a.topictitle {
margin: 0px 1px ;
font-family : "Lucida Grande " , Helvetica, Arial , sans -serif ;
font -weight: bold ;
font-size: 1.2em ;
}

a.topictitle . postbody een {
color: # 2370B6 ;
}
a.topictitle : visited , . postbody a: visited {
color: # 4790D3 ;
}
a.topictitle : visited : hover . postbody a: visited: hover {
color: # 2370B6 ;
}
a.topictitle : hover . postbody a: hover {
color: # F0E80A ;
}

/ * header en het logo * /
{ # maintable
border-style : solid;
border-width : 0 1px 1px 1px ;
border-color : # 000 ;
margin: 0 auto;
}
{ # logorow
background : url ( images / logo_bg.gif ) linksboven repeat- x;
text-align : center ;
padding: 0;
}

# logo links {
background : url ( images / logo_left.jpg ) linksboven no-repeat ;
}
# logo- rechts {
background : url ( images / logo_right.jpg ) rechts boven no-repeat ;
}

logorow # , # logo links {
height: 88px ;
overflow : hidden ;
}

. pm -notify -new . pm - notify- ongelezen {
grens -left: 1px solid # 317FC5 ;
border- rechts: 1px solid # 2370B6 ;
border-top : 1px solid # 317FC5 ;
border-bottom : 1px solid # 2370B6 ;
background: # 313131 url ( images / cell.gif ) linksboven repeat- x;
margin: 10px 0;
padding: 10px ;
text-align : center ;
font-size: 12px ;
font -weight: bold ;
}
. pm -notify -new a, . pm - notify- nieuwe a : visited , . pm - notify- ongelezen a, . pm - notify- ongelezen a: visited { text-decoration : underline ; }
. pm -notify -header {
margin- bottom : 10px ;
color: # CCC ;
}
. pm -notify -new . pm - notify- ongelezen : hover {
grens -left: 1px solid # FCF536 ;
border- rechts: 1px solid # F0E80A ;
border-top : 1px solid # FCF536 ;
border-bottom : 1px solid # F0E80A ;
}
. pm -notify -new {padding : 30px ; }

/ * Navigatieknoppen * /
. navrow {
background: # 3B83C6 url ( images / buttons.gif ) linksboven repeat- x;
height: 21px ;
overflow : hidden ;
border-bottom : 1px solid # 000 ;
border-top : 1px solid # 000 ;
color: # F0E80A ;
text-align : center ;
font-size: 11px ;
padding: 1px ;
}
* html . navrow {padding : 0; }
. navrow b , . navrow sterke {font -weight: normal; }
. navrow a, . navrow a: visited {
color: # fff ;
text-decoration : none;
}
. navrow a: hover {
color: # F0E80A ;
text-decoration : underline ;
}

a.link - nieuwe - nieuwe a.link : visited {color : # F0E80A ; }
a.link - nieuwe : hover , a.link - nieuwe : visited : hover {color : # fff ; }

/ * Inhoud en tafels * /
{ # contentrow
padding: 5px ;
background-color: # 191919 ;
}

. tablebg {
border: 1px solid # 000 ;
background: # 313131 url ( images / cell.gif ) linksboven repeat- x;
}

. rij1 . row2 . row3 . legende . forumrules , tr.row1 . rij, tr.row2 . rij, tr.row3 . rij . postbottom {
grens -left: 1px solid # 404040 ;
border- rechts: 1px solid # 121212 ;
border-top : 1px solid # 3C3C3C ;
border-bottom : 1px solid # 131313 ;
background: # 313131 url ( images / cell.gif ) linksboven repeat- x;
padding: 4px;
}
th {
color: # CCDFF0 ;
font-size: 11px ;
font -weight: bold ;
background: # 4A6786 url ( images / th.gif ) linksboven repeat- x;
white-space : nowrap ;
padding: 0 5px ;
text-align : center ;
height: 26px ;
grens -left: 1px solid # 317CC2 ;
border- rechts: 1px solid # 164C7D ;
border-top : 1px solid # 3981C3 ;
border-bottom : 1px solid # 164C7D ;
}
Th A , th a: visited {
color: # CCDFF0 ! belangrijk;
text-decoration : underline ;
}
th a: hover {
color: # fff ;
text-decoration : underline ;
}

td {
padding: 2px;
}
td.profile {
padding: 4px;
}
. catdiv {
height: 24px ;
padding: 0 3px ;
grens -left: 1px solid # 404040 ;
border- rechts: 1px solid # 121212 ;
border-top : 1px solid # 3C3C3C ;
border-bottom : 1px solid # 131313 ;
background: # 2C2C2C url ( images / cathead.gif ) linksboven repeat- x;
}
. RTL. catdiv {
background: # 2C2C2C url ( images / cathead.gif ) linksboven repeat- x;
}

. kat {
height: 24px ;
padding: 0 3px ;
grens -left: 1px solid # 404040 ;
border- rechts: 1px solid # 121212 ;
border-top : 1px solid # 3C3C3C ;
border-bottom : 1px solid # 131313 ;
background: # 2C2C2C url ( images / cathead.gif ) linksboven repeat- x;
text-indent : 4px;
}
. cathead {
background: # 26629A url ( images / catbottom.gif ) linksboven repeat- x;
height: 24px ;
padding: 1px 3px ;
grens -left: 1px solid # 317CC2 ;
border- rechts: 1px solid # 164C7D ;
border-top : 1px solid # 3981C3 ;
border-bottom : 1px solid # 164C7D ;
}


/ * Tabel header * /
bijschrift . cap- div {
margin: 0;
padding: 0;
background : url ( images / hdr_mid.gif ) linksboven repeat- x;
white-space : nowrap ;
height: 27px ;
text-align : center ;
}
. cap -links {
background : url ( afbeeldingen / hdr_left.gif ) linksboven no-repeat ;
}
. cap- rechts {
background : url ( images / hdr_right.gif ) rechts boven no-repeat ;
padding-top : 8px ;
height: 19px ;
}
bijschrift bijschrift h1 , h2 bijschrift , bijschrift H3, H4 bijschrift , bijschrift span ,
. cap -div . cap -div h1, . cap -div h2 . cap -div H3 . cap- h4 div . cap- div span {
font-size: 12px ;
font -weight: bold ;
color: # 3285D0 ;
}
bijschrift h1 , h2 bijschrift , bijschrift H3, H4 bijschrift , bijschrift span ,
. cap -div h1, . cap -div h2 . cap -div H3 . cap -div h4 . cap- div span {
display: inline ;
}
een bijschrift , een bijschrift : visited , . cap -div a, . cap- div a: visited {
color: # 3285D0 ;
text-decoration : underline ;
}
Bijschrift a: hover , . cap -div a: hover {
color: # D0D0D0 ;
text-decoration : underline ;
}


/ * Footer * /
{ # wrapfooter
text-align : center ;
color: # CCC ;
padding-top : 10px ;
}

. copyright {
color: # 888 ;
font-weight : normal;
font-size: 9px;
line-height : 1.2em ;
}
. copyright a, . copyright a: visited {
color: # AAA ;
text-decoration : underline ;
}
. copyright a: hover {color : # fff ; }


/ * Breadcrumbs * /
p.breadcrumbs {
margin: 0;
padding: 0;
float: left;
color: # AAA ;
font -weight: bold ;
white-space : normal;
font-size: 1em ;
}
. rtl p.breadcrumbs {
float: right;
}

p.datetime {
margin: 0;
padding: 0;
float: right;
white-space : nowrap ;
font-size: 1em ;
}

. rtl p.datetime {
float: left;
}

/ * Index / het forum * /
. subforum.read {
background : url ( images / sub_old.gif ) linksboven no-repeat ;
padding-left : 12px ;
}
. subforum.unread {
background : url ( images / sub_new.gif ) linksboven no-repeat ;
padding-left : 12px ;
}
. legende {
text-align : center ;
margin: 0 auto;
padding: 2px;
}
. legende- viewforum {
margin: 0;
text-align : left;
}

. forumrules {
padding: 4px;
font-weight : normal;
font-size: 1.1em;
border- links- color: # AAA ;
border-top -color: # AAA ;
border- rechts -color: # CCC ;
border-bottom -color: # CCC ;
font-family : "Lucida Grande " , Verdana , Arial , Helvetica, sans-serif;
}
. forumrules h3 {
color: # F0E80A ;
}

/ * Plaats * /
. postsubject {
font-size: 12px ;
font -weight: bold ;
color: # 2370B6 ;
}
td.postbottom {
background: # 2D2D2D url ( images / profile.gif ) linksboven repeat- x;
font- size: 10px;
color: # D0D0D0 ;
white-space : nowrap ;
padding: 2px 4px;
vertical-align : midden ;
}
td.postbuttons { padding-top : 3px ; }
. postdetails {
color: # CCC ;
font- size: 10px;
text-align : left;
}
. postdetails { b
color: # DDD ;
}
. posterrank {font -size: 9px; color: # B0B0B0 ; }
. posterprofile {font- size: 10px; color: # D0D0D0 ; }

. postauthor {
color: # 2370B6 ;
font-size: 12px ;
margin- bottom : 3px ;
font -weight: bold ;
}
. postonline { margin- bottom: 2px; }

. postreported . postreported a: bezocht . postreported a: hover , . postreported a, . postreported a: actieve {
margin: 0px 1px ;
color: # F0E80A ;
font -weight: bold ;
}

. postapprove . postapprove a: bezocht . postapprove a: hover , . postapprove a, . postapprove a: actieve {
color: # 00FF00 ;
font -weight: bold ;
}

. postapprove img . postreported img {
vertical-align : bottom ;
}

. postbody {
font-size: 12px ;
line-height : 1.4em ;
margin: 3px 0;
}
. ondertekening {
font-size: 11px ;
color: # EEE ;
margin-top : 5px ;
}
. ondertekening. lijn {color : # AAA ; }

. postbody li , ol, ul {
margin: 0 0 0 1.5em ;
}

. RTL. postbody li, . RTL ol . RTL ul {
margin: 0 0 0 1.5em ;
}

. posthilit {
background-color: # 2370B6 ;
color: # fff ;
}

. postsubject {
font-size: 12px ;
font -weight: bold ;
color: # 2370B6 ;
}

. postbody a { text-decoration : underline ; }

/ * * UCP /
. huidige A - map . huidige map- a: visited {
color: # fff ;
font -weight: bold ;
}
. huidige map- a: hover {color : # F0E80A ; }

td.pm_marked_colour {background: # F0E80A ; }
td.pm_marked_colour_left {border -left: # vaste 3px F0E80A ; padding-left : 2px; }
td.pm_marked_colour_right {border -right: 3px solid # F0E80A ; padding-right : 2px; }

td.pm_replied_colour {background: # 2370B6 ; }
td.pm_replied_colour_left {border -left: # vaste 3px 2370B6 ; padding-left : 2px; }
td.pm_replied_colour_right {border -right: 3px solid # 2370B6 ; padding-right : 2px; }

td.pm_friend_colour {background: # 007700 ; }
td.pm_friend_colour_left {border -left: # 007700 vaste 3px ; padding-left : 2px; }
td.pm_friend_colour_right {border -right: solid # 007700 3px ; padding-right : 2px; }

td.pm_foe_colour {background: # DD0000 ; }
td.pm_foe_colour_left {border -left: # DD0000 vaste 3px ; padding-left : 2px; }
td.pm_foe_colour_right {border -right: 3px solid # DD0000 ; padding-right : 2px; }


/ * vormelementen
 ------------ * /
vorm {
margin: 0px;
padding: 0px ;
border: 0px;
}

TEXTAREA-, SELECT . post, . btnbbcode . btnmain . btnlite . btnFile . hulplijn {
font-weight : normal;
font-family : "Lucida Grande " , Verdana , Helvetica, sans-serif;
color: # D0D0D0 ;
border: 1px solid # 2370B6 ;
background-color: # 222 ;
}

input {
font-size: 1.1em;
padding: 1px ;
}
textarea {
font-size: 1.3em;
line-height : 1.4em ;
padding: 2px;
}
selecteer {
font-size: 1.1em;
padding: 1px ;
}

optie {
padding: 0 0 0 1em ;
}

. rtl optie {
padding: 0 0 0 1em ;
}

. { bericht
border-style : solid;
border-width : 1px ;
}

. btnbbcode {
font-size: 1.1em;
border: 1px solid # 444 ;
}
. btnbbcode : hover {
border-color : # 999 ;
color: # fff ;
}

. btnmain {
font -weight: bold ;
cursor : pointer ;
padding: 1px 5px ;
font-size: 1.1em;
}

. btnlite {
font-weight : normal;
cursor : pointer ;
padding: 1px 5px ;
font-size: 1.1em;
}

. btnFile {
font-weight : normal;
padding: 1px 5px ;
font-size: 1.1em;
}

. hulplijn {
background-color : transparant ;
color: # AAA ;
border-style : none;
}
# hulplijn {color : # AAA ; }

* html tekstveld , * html selecteren, * html . post, * html . btnmain , * html . btnlite , * html. btnFile {
border-color : # D0D0D0 ;
}
textarea : hover , selecteert u : hover . post : hover . btnmain : hover . btnlite : hover . btnFile : hover {
border-color : # D0D0D0 ;
}
textarea : focus, selecteer : focus, . post: focus . btnmain : focus, . btnlite : focus, . btnFile : focus {
border-color : # F0E80A ;
color: # fff ;
}

label: hover {
color: # F0E80A ;
}

textarea.posting - textarea , # # ie8 vast te stellen {
    width: 98% ;
}

/ * BBCode
 ------------ * /
. quotetitle . attachtitle . codetitle {
margin: 10px 5px 0px 5px ;
padding: 2px 4px;
border: 1px solid # 090909 ;
color: # D0D0D0 ;
background-color: # 2E2E2E ;
font-size: 0.85em ;
font -weight: bold ;
}

. quotetitle . quotetitle {
font-size: 1em ;
}

. quotecontent . attachcontent {
margin: 0px 5px 10px 5px ;
padding: 5px ;
border-color : # 090909 ;
border-width : 0px 1px 1px 1px ;
border-style : solid;
font-weight : normal;
font-size: 1em ;
line-height : 1.4em ;
/ * font-family : "Lucida Grande "," Trebuchet MS " , Helvetica, Arial , sans -serif ; * /
background-color: # 2E2E2E ;
color: # EEE ;
}

. attachcontent {
font-size: 0.85em ;
}

. codecontent {
regie: ltr ;
margin: 0px 5px 10px 5px ;
padding: 5px ;
border-color : # 090909 ;
border-width : 0px 1px 1px 1px ;
border-style : solid;
font-weight : normal;
font-size: 11px ;
font-family : Monaco, ' Courier New ' , monospace ;
background-color: # 2E2E2E ;
color: # EEE ;
}

. quotewrapper . codewrapper . attachwrapper {
duidelijk: beide;
margin: 10px 5px ;
background: # 2671B6 url ( images / code_header.gif ) linksboven no-repeat ;
padding-left : 19px ;
border: 1px solid # 090909 ;
}
. quotewrapper {background -image : url ( images / quote_header.gif );}
. quotewrapper . quotetitle . codewrapper . codetitle . attachwrapper . attachtitle {
margin: 0;
border-width : 0 0 1px 1px ;
}
. quotewrapper . quotecontent . codewrapper . codecontent . attachwrapper . attachcontent {
margin: 0;
border-width : 0 0 0 1px ;
}
. attachcontent . codecontent {
overflow : auto ;
overflow - x : auto ;
}

. syntaxbg {
color: # fff ;
}

. syntaxcomment {
color: # AAA ;
}

. syntaxdefault {
color: # fff ;
}

. syntaxhtml {
color: # fff ;
}

. syntaxkeyword {
color: # F0E80A ;
}

. syntaxstring {
color: # 2370B6 ;
}


/ * Meer misc stuff * /
h1 {
font-family : "Lucida Grande "," Trebuchet MS " , Verdana , sans-serif;
font -weight: bold ;
font-size: 1.8em ;
text-decoration : none;
}

h2 {
font-family : Arial , Helvetica, sans-serif;
font -weight: bold ;
font-size: 1.5em ;
text-decoration : none;
line-height : 120% ;
}

h3 {
font-size: 1.3em;
font -weight: bold ;
font-family : Arial , Helvetica, sans-serif;
line-height : 120% ;
}

h4 {
margin: 0px;
font-size: 1.1em;
font -weight: bold ;
}

p {
font-size: 1.1em;
}

p.moderators {
margin: 0px;
float: left;
color: # CCC ;
font -weight: bold ;
}

. rtl p.moderators {
float: right;
}

p.linkmcp {
margin: 0px;
float: right;
white-space : nowrap ;
}

. rtl p.linkmcp {
float: left;
}

p.searchbar {
padding: 2px 0;
white-space : nowrap ;
}

p.searchbarreg {
margin: 0px;
float: right;
white-space : nowrap ;
}

. rtl p.searchbarreg {
float: left;
}

p.forumdesc {
padding-bottom : 4px;
}

p.topicauthor {
margin: 0px 1px ;
}

p.topicdetails {
margin: 0px 1px ;
}
td.history - stroom, tr.row1 td.history - stroom, tr.row2 td.history -current {
background: # 444 ;
}

table.colortable td {
padding: 0;
}

{ pre
font-size: 1.1em;
font-family : Monaco, ' Courier New ' , monospace ;
}

. nowrap {
white-space : nowrap ;
}

. gebruikersnaam gekleurde {
font -weight: bold ;
}

. sep {
color: # 888 ;
}


/ * reset stijl voor file input * /
. btnFile . btnFile : hover . btnFile : focus {
    border: none;
    background-color: # fff ;
    color: # 000;
}

Gebruikersavatar
Jeroen
Berichten: 3639
Lid geworden op: 10 mei 2008, 21:22

Re: forum versmallen

Bericht door Jeroen » 01 jul 2010, 19:12

Jeroen

ringo1
Berichten: 256
Lid geworden op: 21 mei 2010, 05:49

Re: forum versmallen

Bericht door ringo1 » 02 jul 2010, 08:50

Code: Selecteer alles

Code: Alles selecteren
#wrapheader {
   min-height: 120px;
   height: auto !important;
   height: 120px;
/*   background-image: url('./images/background.gif');
   background-repeat: repeat-x;*/
/*   padding: 0 25px 15px 25px;*/
   padding: 0;
}

#wrapcentre {
   margin: 15px 250px 0 25px;
}

vervang met:


Code: Alles selecteren
#wrapcentre, #wrapheader {
   padding: 0 20px;
   min-width: 650px;
   width: 760px;
   margin: 0 auto;
}
deze code vindt ik niet terug in mijn stylesheet css

Gebruikersavatar
PhilipvD
Berichten: 1690
Lid geworden op: 23 feb 2008, 20:06

Re: forum versmallen

Bericht door PhilipvD » 02 jul 2010, 10:44

Heb je gezocht op een deel van die code? Post je stylesheet.css anders eens hier tussen tags.

ringo1
Berichten: 256
Lid geworden op: 21 mei 2010, 05:49

Re: forum versmallen

Bericht door ringo1 » 02 jul 2010, 17:52

hey philip, mijn code van mijn stylesheet staat hierboven al geplaatst. grtz

Gebruikersavatar
PhilipvD
Berichten: 1690
Lid geworden op: 23 feb 2008, 20:06

Re: forum versmallen

Bericht door PhilipvD » 03 jul 2010, 08:42

ringo1 schreef:hey philip, mijn code van mijn stylesheet staat hierboven al geplaatst. grtz
Dat is wat je moet wijzigen, zou je de inhoud van het bestand stylesheet.css (van je stijl) hier willen posten?
Wijziging: Niet gezien :oops:

Gebruikersavatar
Jeroen
Berichten: 3639
Lid geworden op: 10 mei 2008, 21:22

Re: forum versmallen

Bericht door Jeroen » 03 jul 2010, 08:53

Philip, klik :mrgreen:
Jeroen

Plaats reactie