Pagina 1 van 1
Site maat vast zetten?
Geplaatst: 05 mar 2010, 11:40
door astra
- Adres van je forum: http://www.opelstylingclub.net/index.php
Event. modificaties op je forum: phpBB3 Portal XL 5.0
phpBB versie: 3.0.7
Heb je onlangs iets veranderd aan je forum? nop
Wat is het probleem?
Het probleem is als volg wij gebruiken foto`s in onze headers, echter door de verschillende resoluties van de gebruikers rekt de site uit en daardoor dus ook de header waardoor de foto bv bij een 22 inch scherm 2x komt is het mogelijk dat we de site/forum een vaste maat geven zodat dit niet meer voorkomt?
Alvast bedankt voor jullie hulp.
..
Re: Site maat vast zetten?
Geplaatst: 05 mar 2010, 13:08
door EelkeB
Zeker, hoewel dat meer een CSS/HTML-vraag is dan een phpBB-vraag. Als ik in de HTML-structuur van je site kijk dan moet dit te bereiken zijn door de CSS-property "width" van de class .outside op bijvoorbeeld "900px" te zetten (900 pixels). Deze staat nu op 95%, wat neerkomt om 95% van de breedte van het venster. In welk bestand deze klasse zit weet ik niet precies aangezien de CSS via phpBB's style.php wordt opgehoest. Het zou in een van de CSS-bestanden moeten zitten die je vind in <forum>/styles/<jouwstijl>/theme
Om het precies goed te krijgen zou je even moeten experimenteren; je stelt de breedte van de buitenste div in, maar het gaat er natuurlijk uiteindelijk om dat de container van het plaatjes precies zo groot is als het plaatje.
Re: Site maat vast zetten?
Geplaatst: 05 mar 2010, 14:37
door astra
okido bedankt dat word even zoeken in de style prodarkblue

Re: Site maat vast zetten?
Geplaatst: 05 mar 2010, 18:53
door astra
Ik heb me rot zitten zoeken in die css files en een hoop aangepast maar zonder resultaat weet iemand in welke file het precies staat bij de style prodarkblue ?
Re: Site maat vast zetten?
Geplaatst: 05 mar 2010, 19:15
door marian0810
Ik denk dat je dit moet hebben:
http://wiki.phpbb.nl/Forum_versmallen
Niet vergeten om daarna je cache te legen en je thema te vernieuwen, anders zie je de wijzigingen niet.
Re: Site maat vast zetten?
Geplaatst: 05 mar 2010, 20:33
door Jeroen
Verplaatst naar 3.0 Stijlen
- Pietje
Re: Site maat vast zetten?
Geplaatst: 05 mar 2010, 21:52
door odil
Een forum versmallen is niet zo moeilijk maar of het beter is ???
Ik heb mijn forum ook versmalt en dan terug iets breder gemaakt maar op een 15 inch scherm is het horizontaal scrollen geblazen en de layout slaat uit zijn voegen en dan zwijg ik nog als je moest surfen met een zo'n mini laptop (notebook)
mocht ik niet zoveel mods hebben dan had ik al terug een nieuwe style geinstaleerd en kwam ik er niet meer aan.

Re: Site maat vast zetten?
Geplaatst: 08 mar 2010, 20:02
door EelkeB
Je mag toch tegenwoordig minimaal wel rekenen op een schermbreedte van 1024 pixels. Zet je site op 960 pixels breed, en je hebt nog wat marge voor vensterranden en dergelijke. Het voordeel is dat tekstregels niet onleesbaar lang kunnen worden.
Re: Site maat vast zetten?
Geplaatst: 09 mar 2010, 15:47
door astra
ik heb de wiki door lopen
http://wiki.phpbb.nl/Forum_versmallen maar als ik de styles/prodarkblue/theme/common.css aan pas krijgen we weinig resultaat
Code: Selecteer alles
/* Main blocks
---------------------------------------- */
#wrap {
padding: 0 20px;
min-width: 350px;
width: 70%;
margin: 0 auto;
Code: Selecteer alles
/* General proSilver Markup Styles
---------------------------------------- */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
height: 100%;
margin-bottom: 1px;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #828282;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
font-size: 62.5%;
margin: 0;
padding: 12px 0;
}
h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}
h2 {
/* Forum header titles */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #3f3f3f;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}
h2.solo {
margin-bottom: 1em;
}
h3 {
/* Sub-headers (also used as post headers, but defined later) */
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #989898;
margin-top: 20px;
}
h4 {
/* Forum and topic list titles */
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
font-size: 1.3em;
}
p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 1.5em;
}
img {
border-width: 0;
}
hr {
/* Also see tweaks.css */
border: 0 none #FFFFFF;
border-top: 1px solid #CCCCCC;
height: 1px;
margin: 5px 0;
display: block;
clear: both;
}
hr.dashed {
border-top: 1px dashed #CCCCCC;
margin: 10px 0;
}
hr.divider {
display: none;
}
p.right {
text-align: right;
}
/* Main blocks
---------------------------------------- */
#wrap {
padding: 0 20px;
min-width: 350px;
width: 70%;
margin: 0 auto;
}
#simple-wrap {
padding: 6px 10px;
}
#page-body {
margin: 4px 0;
clear: both;
}
#page-footer {
clear: both;
}
#page-footer h3 {
margin-top: 20px;
}
#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}
a#logo:hover {
text-decoration: none;
}
/* Search box
--------------------------------------------- */
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 400px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}
#search-box #keywords {
width: 95px;
background-color: #FFF;
}
#search-box input {
border: 1px solid #b0b0b0;
}
/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
padding: 1px 5px;
}
#search-box li {
text-align: right;
margin-top: 4px;
}
#search-box img {
vertical-align: middle;
margin-right: 3px;
}
/* Site description and logo */
#site-description {
float: left;
width: 70%;
}
#site-description h1 {
margin-right: 0;
}
/* Round cornered boxes and backgrounds
---------------------------------------- */
.headerbar {
background: #ebebeb none no-repeat 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
height: 180px;
}
.navbar {
background-color: #ebebeb;
padding: 0 10px;
}
.forabg {
background: #b1b1b1 none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.forumbg {
background: #ebebeb none repeat-x 0 0;
margin-bottom: 4px;
padding: 0 5px;
clear: both;
}
.panel {
margin-bottom: 4px;
padding: 0 10px;
background-color: #f3f3f3;
color: #3f3f3f;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
}
.post:target .content {
color: #000000;
}
.post:target h3 a {
color: #000000;
}
.bg1 { background-color: #f7f7f7;}
.bg2 { background-color: #f2f2f2; }
.bg3 { background-color: #ebebeb; }
.rowbg {
margin: 5px 5px 2px 5px;
}
.ucprowbg {
background-color: #e2e2e2;
}
.fieldsbg {
/*border: 1px #DBDEE2 solid;*/
background-color: #eaeaea;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}
span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}
span.corners-top span {
background-image: none;
background-position: 100% 0;
}
span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}
span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}
.headbg span.corners-bottom {
margin-bottom: -1px;
}
.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}
.rules span.corners-top {
margin: 0 -10px 5px -10px;
}
.rules span.corners-bottom {
margin: 5px -10px 0 -10px;
}
/* Horizontal lists
----------------------------------------*/
ul.linklist {
display: block;
margin: 0;
}
ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
margin-right: 5px;
font-size: 1.1em;
line-height: 2.2em;
}
ul.linklist li.rightside, p.rightside {
float: right;
margin-right: 0;
margin-left: 5px;
text-align: right;
}
ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
border-bottom: 1px solid #FFFFFF;
font-weight: bold;
}
ul.leftside {
float: left;
margin-left: 0;
margin-right: 5px;
text-align: left;
}
ul.rightside {
float: right;
margin-left: 5px;
margin-right: -5px;
text-align: right;
}
/* Table styles
----------------------------------------*/
table.table1 {
/* See tweaks.css */
}
#ucp-main table.table1 {
padding: 2px;
}
table.table1 thead th {
font-weight: normal;
text-transform: uppercase;
color: #FFFFFF;
line-height: 1.3em;
font-size: 1em;
padding: 0 0 4px 3px;
}
table.table1 thead th span {
padding-left: 7px;
}
table.table1 tbody tr {
border: 1px solid #cfcfcf;
}
table.table1 tbody tr:hover, table.table1 tbody tr.hover {
background-color: #f6f6f6;
color: #000;
}
table.table1 td {
color: #6a6a6a;
font-size: 1.1em;
}
table.table1 tbody td {
padding: 5px;
border-top: 1px solid #FAFAFA;
}
table.table1 tbody th {
padding: 5px;
border-bottom: 1px solid #000000;
text-align: left;
color: #333333;
background-color: #FFFFFF;
}
/* Specific column styles */
table.table1 .name { text-align: left; }
table.table1 .posts { text-align: center !important; width: 7%; }
table.table1 .joined { text-align: left; width: 15%; }
table.table1 .active { text-align: left; width: 15%; }
table.table1 .mark { text-align: center; width: 7%; }
table.table1 .info { text-align: left; width: 30%; }
table.table1 .info div { width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol { line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }
table.table1 span.rank-img {
float: right;
width: auto;
}
table.info td {
padding: 3px;
}
table.info tbody th {
padding: 3px;
text-align: right;
vertical-align: top;
color: #000000;
font-weight: normal;
}
.forumbg table.table1 {
margin: 0 -2px -1px -1px;
}
/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.column1 {
float: left;
clear: left;
width: 49%;
}
.column2 {
float: right;
clear: right;
width: 49%;
}
/* General classes for placing floating blocks */
.left-box {
float: left;
width: auto;
text-align: left;
}
.right-box {
float: right;
width: auto;
text-align: right;
}
dl.details {
/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
font-size: 1.1em;
}
dl.details dt {
float: left;
clear: left;
width: 30%;
text-align: right;
color: #000000;
display: block;
}
dl.details dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
color: #828282;
float: left;
width: 65%;
}
/* Pagination
---------------------------------------- */
.pagination {
height: 1%; /* IE tweak (holly hack) */
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
.pagination span.page-sep {
display: none;
}
li.pagination {
margin-top: 0;
}
.pagination strong, .pagination b {
font-weight: normal;
}
.pagination span strong {
padding: 0 2px;
margin: 0 2px;
font-weight: normal;
color: #FFFFFF;
background-color: #bfbfbf;
border: 1px solid #bfbfbf;
font-size: 0.9em;
}
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #747474;
margin: 0 2px;
padding: 0 2px;
background-color: #eeeeee;
border: 1px solid #bababa;
font-size: 0.9em;
line-height: 1.5em;
}
.pagination span a:hover {
border-color: #d2d2d2;
background-color: #d2d2d2;
color: #FFF;
text-decoration: none;
}
.pagination img {
vertical-align: middle;
}
/* Pagination in viewforum for multipage topics */
.row .pagination {
display: block;
float: right;
width: auto;
margin-top: 0;
padding: 1px 0 1px 15px;
font-size: 0.9em;
background: none 0 50% no-repeat;
}
.row .pagination span a, li.pagination span a {
background-color: #FFFFFF;
}
.row .pagination span a:hover, li.pagination span a:hover {
background-color: #d2d2d2;
}
/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
float: right;
width: auto;
padding-left: 5px;
margin-left: 5px;
margin-top: 10px;
text-align: right;
}
.copyright {
padding: 5px;
text-align: center;
color: #555555;
}
.small {
font-size: 0.9em !important;
}
.titlespace {
margin-bottom: 15px;
}
.headerspace {
margin-top: 20px;
}
.error {
color: #bcbcbc;
font-weight: bold;
font-size: 1em;
}
.reported {
background-color: #f7f7f7;
}
li.reported:hover {
background-color: #ececec;
}
div.rules {
background-color: #ececec;
color: #bcbcbc;
padding: 0 10px;
margin: 10px 0;
font-size: 1.1em;
}
div.rules ul, div.rules ol {
margin-left: 20px;
}
p.rules {
background-color: #ececec;
background-image: none;
padding: 5px;
}
p.rules img {
vertical-align: middle;
}
p.rules a {
vertical-align: middle;
clear: both;
}
#top {
position: absolute;
top: -20px;
}
.clear {
display: block;
clear: both;
font-size: 1px;
line-height: 1px;
background: transparent;
}
Iemand een idee wat er fout gaat?
Re: Site maat vast zetten?
Geplaatst: 09 mar 2010, 15:58
door Jeroen
Na het doen van de wijzigingen ook je thema vernieuwd in je beheerderspaneel?
Beheerderspaneel -> Tabblad stijlen -> Thema -> Vernieuw thema van jouw stijl.
Re: Site maat vast zetten?
Geplaatst: 09 mar 2010, 16:38
door astra
hmm geprobeerd maar zie geen verandering

Re: Site maat vast zetten?
Geplaatst: 09 mar 2010, 16:44
door Kevin
Je buffer legen en je browser refreshen met ctrl + F5 wil ook nog wel is helpen.
Re: Site maat vast zetten?
Geplaatst: 09 mar 2010, 17:18
door astra
helaas dat heb ik ook al geprobeerd en via firefox en ie de site bekeken maar zie geen verandering snap er niks meer van

Re: Site maat vast zetten?
Geplaatst: 09 mar 2010, 17:21
door Jeroen
astra schreef:maar als ik de styles/prosilver/theme/common.css aan pas krijgen we weinig resultaat
Je zegt dat je de prosilver common.css hebt aangepast, maar is de stijl die je gebruikt op je forum wel prosilver, of heet deze anders? Als hij anders is moet je namelijk niet in de prosilver theme bestanden zijn, maar in die van jouw stijl.
Re: Site maat vast zetten?
Geplaatst: 09 mar 2010, 17:31
door astra
type foutje het is styles/prodarkblue/theme/common.css