Pagina 1 van 1

forum versmallen

Geplaatst: 11 jun 2010, 19:05
door ringo1
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

Re: forum versmallen

Geplaatst: 11 jun 2010, 19:17
door Jeroen
Heb je bovenstaande al geprobeerd dan? We hoeven niet alles voor te kauwen, je kan dingen ook eerst zelf proberen.

Re: forum versmallen

Geplaatst: 14 jun 2010, 17:55
door ringo1
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

Re: forum versmallen

Geplaatst: 24 jun 2010, 18:11
door ringo1
kan er mij iemand helpen ik krijg het niet voor elkaar om mijn forum te versmallen?

Re: forum versmallen

Geplaatst: 24 jun 2010, 18:42
door Riccmaster
Acid tech is denk ik subsilver gebaseerd. Daar is een andere code voor.

Re: forum versmallen

Geplaatst: 24 jun 2010, 18:47
door ringo1
welke dan en waar moet ik dat aanpassen? ik zou mijn forum zo willen als dit hier.

Re: forum versmallen

Geplaatst: 01 jul 2010, 18:59
door ringo1
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;
}

Re: forum versmallen

Geplaatst: 01 jul 2010, 19:12
door Jeroen

Re: forum versmallen

Geplaatst: 02 jul 2010, 08:50
door ringo1

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

Re: forum versmallen

Geplaatst: 02 jul 2010, 10:44
door PhilipvD
Heb je gezocht op een deel van die code? Post je stylesheet.css anders eens hier tussen tags.

Re: forum versmallen

Geplaatst: 02 jul 2010, 17:52
door ringo1
hey philip, mijn code van mijn stylesheet staat hierboven al geplaatst. grtz

Re: forum versmallen

Geplaatst: 03 jul 2010, 08:42
door PhilipvD
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:

Re: forum versmallen

Geplaatst: 03 jul 2010, 08:53
door Jeroen
Philip, klik :mrgreen: