Megjelenés szélességének megváltoztatása
Szerző
Üzenet
Marcee. Ha azt akarom,hogy az egész fórum kitöltse az egész területet böngészőben,akkor hogy kell beállítanom? Tudom,hogy volt valami ilyesmiről szó a fórumban,de nem találom.
atomjani írta:
Marcee. Ha azt akarom,hogy az egész fórum kitöltse az egész területet böngészőben,akkor hogy kell beállítanom? Tudom,hogy volt valami ilyesmiről szó a fórumban,de nem találom.
Marcee írta:
Ez sablononként változhat, de általában a css fájlban kell keresgélni. Ha mondasz egy sablon nevet, akkor konkrétabban is tudok válaszolni (és akkor áthelyezem ezeket a hozzászólásokat egy külön témába).atomjani írta:
Marcee. Ha azt akarom,hogy az egész fórum kitöltse az egész területet böngészőben,akkor hogy kell beállítanom? Tudom,hogy volt valami ilyesmiről szó a fórumban,de nem találom.
atomjani írta:
Ha azt akarom,hogy az egész fórum kitöltse az egész területet böngészőben,akkor hogy kell beállítanom?
wrap
CSS osztály width tulajdonságát kell babrálgatni, míg subSilver2 alapúaknál (amik táblázatokat használnak) a wrapheader
, wrapcenter
osztályokét. Persze sablononként eltérhetnek az elnevezések, de általában a wrap szó szokott bennük szerepelni.
A kinyúlásnak több oka is lehet, általában a hosszú linkek szoktak problémát okozni, mert ezeknél a böngészők eltérően viselkedhetnek (erőszakosan több sorba tördeli a linket, megnyújtja a cella szélességét, "kilógatja" belőle a szöveget stb.). De okozhatnak néha furcsaságokat a sablonon végzett különféle módosítások is.
A css valahogy így néz ki:
A szétcsúszás az Internet explorer 6-nál van a hozzászólások résznél. A többi részt úgy láttam,hogy rendesen kezeli. Ezt kéne valahogy megoldani. És nem linkek miatt van. Minden témában jelentkezik ez a probléma. Felvittem a gépemet a lehető legnagyobb felbontásra és akkor is mintha a jobb széle le lett volna vágva teljesen,igaz akkor már alul nem volt meg a gördítősáv.
Kód:
/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: fisubsilver2
Based on style: subSilver2
Modified by: Raimon ( http://www.phpBBservice.nl )
This is an alternative style for phpBB3 for those wishing to stay with
the familiar fisubsilver2 style of phpBB version 2.x
Copyright 2007 phpBBservice.nl ( Raimon ) http://www.phpBBservice.nl
--------------------------------------------------------------
*/
/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
font:12px Verdana,Arial,Helvetica,sans-serif;
color: #323D4F;
background-color: #ecf0f6;
font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
margin:6px;
padding:0;
}
#wrapcentre {
margin: 15px 25px 0 25px;
}
#wrapfooter {
text-align: center;
clear: both;
}
#datebar {
margin: 10px 25px 0 25px;
}
#findbar {
width: 100%;
margin: 0;
padding: 0;
border: 0;
}
.forumrules {
background-color: #F9CC79;
border-width: 1px;
border-style: solid;
border-color: #BB9860;
padding: 4px;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.forumrules h3 {
color: red;
}
#pageheader { }
#pagecontent { }
#pagefooter { }
#poll { }
#postrow { }
#postdata { }
/* This is the border line & background colour round the entire page */
.bodyline{
background:#ffffff;
border:1px solid #98aab1;
}
/* This is the gradient background at the top of the page */
.topbkg{
background: #dbe3ee url('./images/cellpic_bkg.jpg') repeat-x;
height:100px;
}
.topnav{
font-size:10px;
background: #e5ebf3 url('./images/cellpic_nav.gif') repeat-x;
color:#dd6900;
height:21px;
white-space:nowrap;
border: 0px solid #91a0ae;
border-width: 1px 0px 1px 0px;
}
/* Text
--------------------- */
h1 {
color: black;
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: 0;
font:12px Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
}
p {
font-size: 1.1em;
}
p.moderators {
margin: 0;
float: left;
color: black;
font-weight: bold;
}
.rtl p.moderators {
float: right;
}
p.linkmcp {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.linkmcp {
float: left;
}
p.breadcrumbs {
margin: 0;
float: left;
color: black;
font-weight: bold;
white-space: normal;
font-size: 1em;
}
.rtl p.breadcrumbs {
float: right;
}
p.datetime {
margin: 0;
float: right;
white-space: nowrap;
font-size: 1em;
}
.rtl p.datetime {
float: left;
}
p.searchbar {
padding: 2px 0;
white-space: nowrap;
}
p.searchbarreg {
margin: 0;
float: right;
white-space: nowrap;
}
.rtl p.searchbarreg {
float: left;
}
p.forumdesc {
padding-bottom: 4px;
}
p.topicauthor {
margin: 1px 0;
}
p.topicdetails {
margin: 1px 0;
}
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
margin: 1px 0;
color: red;
font-weight:bold;
}
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
color: green;
font-weight:bold;
}
.postapprove img, .postreported img {
vertical-align: bottom;
}
.postauthor {
color: #000000;
}
.postdetails {
font-size:10px;
color:#00396a
}
.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
.posthilit {
background-color: yellow;
}
.nav {
margin: 0;
color: black;
font-weight: bold;
}
.pagination {
padding: 4px;
color: black;
font-size: 1em;
font-weight: bold;
}
.cattitle {
}
.gen {
margin: 1px 1px;
font-size: 1.2em;
}
.genmed {
margin: 1px 1px;
font-size:11px;
}
.gensmall {
font-size:10px;
margin: 1px 1px;
}
.copyright {
color: #444;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.titles {
font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.3em;
text-decoration: none;
}
.error {
color: red;
}
/* Tables
------------ */
th {
color: #FFA34F;
font-size: 1.1em;
font-weight: bold;
background-color: #006699;
background-image: url('./images/cellpic3.gif');
white-space: nowrap;
padding: 7px 5px;
}
td {
padding: 0px;
}
td.profile {
padding: 4px;
}
.tablebg {
background-color: #A9B8C2;
}
.catdiv {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
}
.rtl .catdiv {
background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
}
/* Category gradients*/
td.cat{
font-weight:bold;
letter-spacing:1px;
background:#d9e2ec url(images/cellpic1.gif);
height:29px;
text-indent:4px;
}
.row1 {
background-color: #eaedf4;
padding: 4px;
}
.row2 {
background-color: #d9e2ec;
padding: 4px;
}
.row3 {
background-color: #cedcec;
padding: 4px;
}
.spacer {
background-color: #cad9ea;
}
hr{
border: 1px solid #006699;
border-top-width:1px;
height:0px
}
.legend {
text-align:center;
margin: 0 auto;
}
/* Links
------------ */
a:link,a:active,a:visited {
color:#006699;
text-decoration:none
}
a:hover{
color:#dd6900
}
a.forumlink{
font-size:11px;
font-weight:bold
}
a.forumlink:visited{
color:#5493b4
}
a.forumlink:hover{
color:#dd6900
}
a.topictitle{
font-size:11px;
font-weight:bold
}
a.topictitle:visited{
color:#5493b4
}
a.topictitle:hover{
color:#dd6900
}
th a,
th a:visited {
color: #FFA34F !important;
text-decoration: none;
}
th a:hover {
text-decoration: underline;
}
/* Form Elements
------------ */
form {
margin: 0;
padding: 0;
border: 0;
}
input {
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
padding: 1px;
border: 1px solid #A9B8C2;
background-color: #FAFAFA;
}
textarea {
background-color: #FAFAFA;
color: #333333;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 1.3em;
line-height: 1.4em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 2px;
}
select {
color: #333333;
background-color: #FAFAFA;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 1px;
}
option {
padding: 0 1em 0 0;
}
option.disabled-option {
color: graytext;
}
.rtl option {
padding: 0 0 0 1em;
}
input.radio {
border: none;
background-color: transparent;
}
.post {
background-color: white;
border-style: solid;
border-width: 1px;
}
.btnbbcode {
color: #000000;
font-weight: normal;
font-size: 1.1em;
font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
background-color: #EFEFEF;
border: 1px solid #666666;
}
.btnmain {
font-weight: bold;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnlite {
font-weight: normal;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
cursor: pointer;
padding: 1px 5px;
font-size: 1.1em;
}
.btnfile {
font-weight: normal;
background-color: #ECECEC;
border: 1px solid #A9B8C2;
padding: 1px 5px;
font-size: 1.1em;
}
.helpline {
background-color: #DEE3E7;
border-style: none;
}
/* BBCode
------------ */
.quotetitle, .attachtitle {
margin: 10px 5px 0 5px;
padding: 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #A9B8C2;
color: #333333;
background-color: #A9B8C2;
font-size: 0.85em;
font-weight: bold;
}
.quotetitle .quotetitle {
font-size: 1em;
}
.quotecontent, .attachcontent {
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #A9B8C2;
border-width: 0 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: #FAFAFA;
color: #4B5C77;
}
.attachcontent {
font-size: 0.85em;
}
.codetitle {
margin: 10px 5px 0 5px;
padding: 2px 4px;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #A9B8C2;
color: #333333;
background-color: #A9B8C2;
font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
font-size: 0.8em;
}
.codecontent {
direction: ltr;
margin: 0 5px 10px 5px;
padding: 5px;
border-color: #A9B8C2;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
color: #006600;
font-size: 0.85em;
font-family: Monaco, 'Courier New', monospace;
background-color: #FAFAFA;
}
.syntaxbg {
color: #FFFFFF;
}
.syntaxcomment {
color: #FF8000;
}
.syntaxdefault {
color: #0000BB;
}
.syntaxhtml {
color: #000000;
}
.syntaxkeyword {
color: #007700;
}
.syntaxstring {
color: #DD0000;
}
/* Private messages
------------------ */
.pm_marked_colour {
background-color: #000000;
}
.pm_replied_colour {
background-color: #A9B8C2;
}
.pm_friend_colour {
background-color: #007700;
}
.pm_foe_colour {
background-color: #DD0000;
}
/* Misc
------------ */
img {
border: none;
}
.sep {
color: black;
background-color: #FFA34F;
}
table.colortable td {
padding: 0;
}
pre {
font-size: 1.1em;
font-family: Monaco, 'Courier New', monospace;
}
.nowrap {
white-space: nowrap;
}
.username-coloured {
font-weight: bold;
}
/* subforum */
.subforum.read {
background: url('./../imageset/icon_post_target.gif') center left no-repeat;
padding-left: 12px;
}
.subforum.unread {
background: url('./../imageset/icon_post_target_unread.gif') center left no-repeat;
padding-left: 12px;
color:#5493b4
}
.subforum.unread:hover{
color:#dd6900
}
A szétcsúszás az Internet explorer 6-nál van a hozzászólások résznél. A többi részt úgy láttam,hogy rendesen kezeli. Ezt kéne valahogy megoldani. És nem linkek miatt van. Minden témában jelentkezik ez a probléma. Felvittem a gépemet a lehető legnagyobb felbontásra és akkor is mintha a jobb széle le lett volna vágva teljesen,igaz akkor már alul nem volt meg a gördítősáv.
atomjani írta:
A szétcsúszás az Internet explorer 6-nál van a hozzászólások résznél.
.postbody
osztálynak adni egy pár pixel értékű paddingot (pl.: padding: 3px;
).
Marcee írta:
Nem csak annál, az IE7-es és 8beta1 verziójánál is ugyanez van. Próbáld meg aatomjani írta:
A szétcsúszás az Internet explorer 6-nál van a hozzászólások résznél..postbody
osztálynak adni egy pár pixel értékű paddingot (pl.:padding: 3px;
).
Kód:
.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
.postbody li, ol, ul {
margin: 0 0 0 1.5em;
}
.rtl .postbody li, .rtl ol, .rtl ul {
margin: 0 1.5em 0 0;
}
Akkor adj neki
Kód:
.postbody {
font-size: 1.3em;
padding: 3px;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}
Hát nem tudom. Valahogy így se nyugszik. Nézd egyszer meg a fórumomat internetexplorer-rel az egyik hozzászólásnál. Igazából fogalmam sincs,hogy miért ír ki mindent nagy betűvel.
De a firefox esetén is picit csúszik. Hátha ezt a fórumot nézük,akkor a hozzászólások melletti fehér részt,vagy a külső világos részt kéne összébb húzni és akkor oké is lenne.
De a firefox esetén is picit csúszik. Hátha ezt a fórumot nézük,akkor a hozzászólások melletti fehér részt,vagy a külső világos részt kéne összébb húzni és akkor oké is lenne.
Nekem ugyan nem csúszik szét az oldalam, de szeretném vékonyabbra alakítani. Marcee írása és a Firebug nevű Firefox kiegészítő segített is. Bár a firebug-nál vmiért nem derült ki pontosan meg CSS fájlt változtattam meg mikor vékonyabb lett az oldal, de végül (szerintem) rájöttem. A common.css
Ebben ehhez nyúltam:
#leftborder {
width:75%; (98%-ról)
#topborder {
width:75%; (98%-ról)
#bottomborder {
width:75%; (98%-ról)
A firebug-ban nézve ment is, csak ugyebár ott nem tudom megváltoztatni, nincs jogosultságom.
Mikor lecseréltem az így módosított fájllal a régit nem változott semmi
Mit rontottam el? Brushed metal II témát használnék.
Ebben ehhez nyúltam:
#leftborder {
width:75%; (98%-ról)
#topborder {
width:75%; (98%-ról)
#bottomborder {
width:75%; (98%-ról)
A firebug-ban nézve ment is, csak ugyebár ott nem tudom megváltoztatni, nincs jogosultságom.
Mikor lecseréltem az így módosított fájllal a régit nem változott semmi
Mit rontottam el? Brushed metal II témát használnék.
Újratöltötted a stílust az AVP-ben?
_________________
Üdv.: fberci
Kereső | Szabályzat | phpBB3 telepítés/frissítés/konvertálás | Útmutatók | Olympus - phpBB3 | Kérlek, ne küldj privát üzenetet nem személyes dologgal kapcsolatban!
_________________
Üdv.: fberci
Kereső | Szabályzat | phpBB3 telepítés/frissítés/konvertálás | Útmutatók | Olympus - phpBB3 | Kérlek, ne küldj privát üzenetet nem személyes dologgal kapcsolatban!
zserrbo írta:
Nekem ugyan nem csúszik szét az oldalam, de szeretném vékonyabbra alakítani. Marcee írása és a Firebug nevű Firefox kiegészítő segített is. Bár a firebug-nál vmiért nem derült ki pontosan meg CSS fájlt változtattam meg mikor vékonyabb lett az oldal, de végül (szerintem) rájöttem. A common.css
Ebben ehhez nyúltam:
#leftborder {
width:75%; (98%-ról)
#topborder {
width:75%; (98%-ról)
#bottomborder {
width:75%; (98%-ról)
A firebug-ban nézve ment is, csak ugyebár ott nem tudom megváltoztatni, nincs jogosultságom.
Mikor lecseréltem az így módosított fájllal a régit nem változott semmi
Mit rontottam el? Brushed metal II témát használnék.
fberci írta:
Újratöltötted a stílust az AVP-ben?
Megadott értékkel se történt semmi. valószínű, hogy mást is kell változtatni, de nem tudom hol
Amúgy ezt a CSS fájlt változtatom a Firebug szerint: vmi style.php=sid.............lang=hu
Tehát a styles/megjelenés/theme/common.css-t változtattad meg a szövegszerkesztődből (nem az AVP-n), majd ezután a teljes megjelenést eltávolítottad a fórumodról, és újratelepítetted? Amennyiben így tettél, és nem változott semmi, tudnál adni egy url-t a fórumodhoz, hogy élőben is megnézhessük a helyzetet?
Ui.: A phpBB3 (legalábbis az alapértelmezett prosilver megjelenés) táblázatmentesen épül fel, szemantikus HTML-t használva. Ez természetesen nem jelenti azt, hogy nem használ táblázatot egyáltalán, ott, ahol annak helye van (pl. taglista).
_________________
Üdv.: fberci
Kereső | Szabályzat | phpBB3 telepítés/frissítés/konvertálás | Útmutatók | Olympus - phpBB3 | Kérlek, ne küldj privát üzenetet nem személyes dologgal kapcsolatban!
Ui.: A phpBB3 (legalábbis az alapértelmezett prosilver megjelenés) táblázatmentesen épül fel, szemantikus HTML-t használva. Ez természetesen nem jelenti azt, hogy nem használ táblázatot egyáltalán, ott, ahol annak helye van (pl. taglista).
_________________
Üdv.: fberci
Kereső | Szabályzat | phpBB3 telepítés/frissítés/konvertálás | Útmutatók | Olympus - phpBB3 | Kérlek, ne küldj privát üzenetet nem személyes dologgal kapcsolatban!
fberci írta:
Tehát a styles/megjelenés/theme/common.css-t változtattad meg a szövegszerkesztődből (nem az AVP-n), majd ezután a teljes megjelenést eltávolítottad a fórumodról, és újratelepítetted? Amennyiben így tettél, és nem változott semmi, tudnál adni egy url-t a fórumodhoz, hogy élőben is megnézhessük a helyzetet?
Ui.: A phpBB3 (legalábbis az alapértelmezett prosilver megjelenés) táblázatmentesen épül fel, szemantikus HTML-t használva. Ez természetesen nem jelenti azt, hogy nem használ táblázatot egyáltalán, ott, ahol annak helye van (pl. taglista).
Persze, bocsi, hogy korábban nem adtam. www.baz-elit.extra.hu/forum
Nem készíthetsz új témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem módosíthatod a hozzászólásaidat a fórumban.
Nem törölheted a hozzászólásaidat a fórumban.
Nem szavazhatsz ebben fórumban.