Узнай правду! com

Это только у одного меня под любой осью и браузером на форуме шрифты кажутся мизерными и едва читаемыми при хорошем зрении некоторые? будто там 7 пх стоит или все 6.. имеется ввиду адресная строчка
Список форумов >> Технические вопросы >> технические идеи
Описания категорий:
История Руси, России и "Россиянии" через рупор СМИ.
Ники все и заголовки сообщений в раскрытом сообщении..
Подписи по-умолчанию.

Да и форум что-то не на всю ширину, а по левому краю в половинку разрешения рисуется... что с форумом сделали то? Раньше был полноширинный растянутый и шрифты читабельные все.

http://uznai-pravdu.ru/forum/ - вот тут, например, читаемо.

Форум виден посередине страницы в IE .
В Мозилле почему то прижат к левому краю

Вот файл subsilver2.css ( в нем внизу .css файл от старой версии "The original subSilver Theme for phpBB version 2+". )
В нем всё определено и шрифты тоже. Именно так сейчас и работает.
В старом форуме читабельность была лучше и была центровка по центру.

Кто что посоветует?






/* phpBB 3.0 Style Sheet
--------------------------------------------------------------
Style name: subsilver2
Based on style: subSilver (the default phpBB 2 style)
Original author: subBlue ( http://www.subBlue.com/ )
Modified by: psoTFX and the phpBB team ( http://www.phpbb.com )

This is an alternative style for phpBB3 for those wishing to stay with
the familiar subSilver style of phpBB version 2.x

Copyright 2006 phpBB Group ( http://www.phpbb.com/ )
--------------------------------------------------------------
*/

/* Layout
------------ */
* {
/* Reset browsers default margin, padding and font sizes */
margin: 0;
padding: 0;
}

html {
font-size: 62.5%;
}

body { background-image: url(/images/space2.gif);
/*background-image: url("{T_THEME_PATH}/images/space.gif");*/

/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */

font-family: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;

color: #323D4F;
/* background-color: #FFFFFF; */
font-size: 120%; /* This sets the default font size to be equivalent to 10px */
margin: 0;
margin-left:auto;
margin-right:auto;

}

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

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

#wrapfooter {
text-align: center;
clear: both;
}

#wrapnav {
width: 100%;
margin: 0;
background-color: #ECECEC;
border-width: 1px;
border-style: solid;
border-color: #A9B8C2;
}

#logodesc {
background-image: url(/images/space2.gif);
margin-bottom: 5px;
padding: 5px 25px;
background: #D9DFE4;
border-bottom: 1px solid #4787A7;
}

#menubar {
margin: 0 25px;
}

#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: Verdana,"Lucida Grande", Arial, Helvetica, sans-serif;
}

.forumrules h3 {
color: red;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/* 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-size: 1.1em;
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: 0.6em;
}

.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 { font-size: 0.9em;
padding-bottom: 4px ;
}

p.topicauthor { font-size: 0.9em;
margin: 1px 0;
}

p.topicdetails { font-size: 0.8em;
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 { font-size: 0.6em;
color: #000000;
}

.postdetails { font-size: 0.8em;
color: #000000;
}

.postbody {
font-size: 1.3em;
line-height: 1.4em;
font-family: Verdana, "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: 1.1em;
}

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

.copyright { font-size: 0.8em;
color: #444;
font-weight: normal;
font-family: Verdana,"Lucida Grande", Arial, Helvetica, sans-serif;
}

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

.error {
color: red;
}


/* Tables
------------ */

850 { ALIGN="CENTER"; margin-left:auto;
margin-right:auto;
}
th {
color: #FFA34F;
font-size: 0.9em;
font-weight: bold;
background-color: #006699;
background-image:url(/images/space2.gif);
/* background-image: url('./images/cellpic3.gif');*/
white-space: nowrap;
padding: 7px 5px;
}

td {
padding: 2px;
}
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;
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #C7D0D7;
background-image: url('./images/cellpic1.gif');
text-indent: 4px;
}

.row1 { font-size: 0.8em;
background-color: #ECECEC;
padding: 4px;
}

.row2 {
background-color: #DCE1E5;
padding: 4px;
}

.row3 {
background-color: #C0C8D0;
padding: 4px;
}

.spacer {
background-color: #D1D7DC;
}

hr {
height: 1px;
border-width: 0;
background-color: #D1D7DC;
color: #D1D7DC;
}

.legend {
text-align:center;
margin: 0 auto;
}

/* Links
------------ */
a:link {
color: #006597;
text-decoration: none;
}

a:active,
a:visited {
color: #005784;
text-decoration: none;
}

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

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

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

a.topictitle:visited {
color: #5493B4;
text-decoration: none;
}

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: Verdana,"Lucida Grande", 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: Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 1em;
line-height: 1.5em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 2px;
}

select {
color: #333333;
background-color: #FAFAFA;
font-family: Verdana,"Lucida Grande", 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: Verdana, "Lucida Grande", 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: 0.9em;
}

.quotecontent, .attachcontent {
margin: 1px 1px 1px 1px;
padding: 5px;
border-color: #D1D7DC;
border-width: 0 1px 1px 1px;
border-style: solid;
font-weight: normal;
font-size: 0.9em;
line-height: 1.25em;
font-family: Verdana, "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
background-color: #FAFAFA;
color: #444444;
}

/*
.quote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #444444; color: #4B5C77;
line-height: 125%; 1.4em
background-color: #FAFAFA;
border: #D1D7DC; border-color: #A9B8C2;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
}
*/



.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: Verdana,"Lucida Grande", 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 { font-size: 1.1em;
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;*/
}

.imgltr {
padding: 0px 7px 7px 7px;
}


/*

/*
The original subSilver Theme for phpBB version 2+
*/


/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
background-image:url (images/space2.gif);
background-color: #E5E5E5;
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #006699; }
a:hover { text-decoration: underline; color : #DD6900; }
hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline { background-color: #FFFFFF; border: 1px #98AAB1 solid; }

/* This is the outline round the main forum tables */
.forumline { background-color: #FFFFFF; border: 2px #006699 solid; }


/* Main table cell colours and backgrounds */
td.row1 { background-color: #EFEFEF; }
td.row2 { background-color: #DEE3E7; }
td.row3 { background-color: #D1D7DC; }


/*
This is for the table cell above the Topics, Post & Last posts on the index.php page
By default this is the fading out gradiated silver background.
However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
background-color: #FFFFFF;
background-image: url(images/cellpic2.jpg);
background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds не реагирует на удаление 2 строки посл */
th {
color: #FFA34F; font-size: 11px; font-weight : bold;
background-color: #006699; height: 25px;
background-image: url(images/cellpic3.gif);
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
background-image: url(images/cellpic1.gif);
background-color:#D1D7DC; border: #FFFFFF; border-style: solid; height: 28px;

}


/*
Setting additional nice inner borders for the main table cells.
The names indicate which sides the border will be on.
Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
height: 29px;
border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
background-color: #D1D7DC; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom { border-width: 0px 1px 1px 1px; }
th.thTop { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2 {
font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #006699; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #DD6900; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu { font-size : 11px; color : #000000 }
a.mainmenu { text-decoration: none; color : #006699; }
a.mainmenu:hover{ text-decoration: underline; color : #DD6900; }


/* Forum category titles */
.cattitle { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #006699}
a.cattitle { text-decoration: none; color : #006699; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink { font-weight: bold; font-size: 12px; color : #006699; }
a.forumlink { text-decoration: none; color : #006699; }
a.forumlink:hover{ text-decoration: underline; color : #DD6900; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav { font-weight: bold; font-size: 11px; color : #000000;}
a.nav { text-decoration: none; color : #006699; }
a.nav:hover { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle { font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link { text-decoration: none; color : #006699; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover { text-decoration: underline; color : #DD6900; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name { font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails { font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link { text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}


/* Quote & Code blocks */
.code {
font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
color : #000000;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
background-color : #EFEFEF;
color : #000000;
font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
background-color : #FAFAFA;
font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
background-color : #FAFAFA;
font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
help line. This is actually a text box, but if set to be the same
colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
*/

Предлагаю дописать немного для данного кода: /* Misc ------------ */ img { border: none; } Заменить на /* Misc ------------ */ img { border: none; max-width: 690px; } где max-width: 690px; это максимальный размер изображения, выше которого картинка уже не станет, и не будет форум растягиваться, как здесь - http://uznai-pravdu.com/viewtopic.php?f=9&t=3038&p=11197&sid=a417cbd2588f8b91593548a66f97693c#p11197

А интересно, что он будет делать с картинкой которая больше размером?
Уменьшать же он её не будет.
Был вроде такой код, который позволял картинке выходить за край форума не трогая размера самого форума.

Уменьшать будет браузер, а сама картинка останется неизменной. Кстати насчёт выравнивания по центру, у вас в приведённом выше коде всё нормально с этим, то есть смещение к левому краю прописано где-то в другом месте, скорей всего там же где и фиксированный размер. Если не сложно (и если нужно) загрузите на какой нибудь обменник папку с вашим шаблоном и киньте в личку ссылку, может получится разобраться

Чтобы выровнять поцентру это: /* Reset browsers default margin, padding and font sizes */ margin: 0; padding: 0; исправить на это: /* Reset browsers default margin, padding and font sizes */ margin: auto; padding: 0;
И чтобы убрать сверху отступ это: /* background-color: #FFFFFF; */ font-size: 120%; /* This sets the default font size to be equivalent to 10px */ margin: 0; margin-left:auto; margin-right:auto;
заменить на /* background-color: #FFFFFF; */ font-size: 120%; /* This sets the default font size to be equivalent to 10px */ margin-top: -18px; margin-left:auto; margin-right:auto;

Это в каком именно файле менять?

Шаблон это все что внутри папки subsilver2.template ?

В файле http://uznai-pravdu.com/stules/subsilver2/theme/stylesheet.css 19 и 37 строка

спасибо, получилось


Выложить шаблон
Шаблон это все что внутри папки subsilver2.template ?

Наверное 37 строку лучше оставить как было margin: 0; т.к. на главной например слишком высоко шапка уходит, не понятно пока почему так происходит





а так хотелось бы



Шаблон это папка subsilver2


Также ещё можно дописать чтобы форум не растягивался примерно 850 строка

/* The content of the posts (body of text) */
.postbody { font-size : 16px; max-width:700px;}

Гойский долбоёб писал(а):
Также ещё можно дописать чтобы форум не растягивался примерно 850 строка

/* The content of the posts (body of text) */
.postbody { font-size : 16px; max-width:700px;}

Там раньше уже где то задана ширина,
попробовал, он принудительно стал устанавливать на 700 , вернул обратно. для ширины экрана есть специальный мод, который только картинки растягивает, а сам форум оставляет как раньше.

модератор писал(а):он принудительно стал устанавливать на 700

На 700 он устанавливает размер правой колонки (точнее не на 700, а не больше 700), которая растягивается из за картинок большой ширины, длинного слитого текста типа ссылок, а этот фиксированный параметр не даст этой колонке разьезжаться, а всё что больше - будет выходить за края, разве не об этом вы говорите? Ширина основная задана 850px, меньше неё он уже не станет, а вот больше становится на разных страницах по разному в зависимости от содержания



Хотя, это в теории, может на деле оно как то и по другому:)

Вот сейчас поставил
/* The content of the posts (body of text) */
.postbody { font-size : 16px; max-width:750px;}

вот адекватное состояние, когда ничего не вылезает




А вот тут нет, так что 750 это много

поставил 700
Кстати более 30% заходят на форум на телефонах или планшетах,
им, конечно, вообще ничего не видно

Гойский долбоёб писал(а):Наверное 37 строку лучше оставить как было margin: 0; т.к. на главной например слишком высоко шапка уходит, не понятно пока почему так происходит

Теперь понятно почему так происходит. Дело в кодировке. Файлы форума должны быть сохранены в кодировке UTF-8 без BOM



, иначе появляется символ 


Вот тут об этом написано https://phpdes.com/other/simvol-65279-problema-verstalshhika/

модератор писал(а):Кстати более 30% заходят на форум на телефонах или планшетах,
им, конечно, вообще ничего не видно

Попробуйте в том же файле css после (853 строка)
/* The content of the posts (body of text) */ .postbody { font-size :16px; max-width:700px;} a.postlink:link { text-decoration: none; color : #006699 } a.postlink:visited { text-decoration: none; color : #5493B4; } a.postlink:hover { text-decoration: underline; color : #DD6900} вставить: /* Если экран меньше 1024 пикселей */ @media (max-width: 1024px) { .postbody img {max-width:700px;} /* Картинка не увеличится больше чем указано */ .postbody { font-size :18px;} /* Размер шрифта, по умолчанию 16px */ }

добавил в css на uznai-pravdu.com
Кстати уже более более 50% заходят на форум на телефонах или планшетах,

Если на мониторе смотреть, то работает. Со смартфона почему-то в упор не видит. Может нужно в верху между тегами <head></head> указать viewport, например вот так

<meta name="viewport" content="width=900" /> Это наверно в файле шаблона overall_header.html

вставил <meta name="viewport" content="width=900" /> может сразу не будет видно, кеш не обновил

не понял, что именно сейчас не так а смартфоне, верх без полосы? второе окошко уже?

на эмуляторе нормально
https://www.google.com/webmasters/tools/mobile-friendly/?url=http%3A%2F%2Fuznai-pravdu.com

Наверное 37 строку лучше оставить как было margin: 0; т.к. на главной например слишком высоко шапка уходит, не понятно пока почему так происходит

Теперь понятно почему так происходит. Дело в кодировке. Файлы форума должны быть сохранены в кодировке UTF-8 без BOM

перекодировать базу данных, что-ли?

модератор писал(а):не понял, что именно сейчас не так а смартфоне

На смартфоне не так когда картинка больше 700 пикселей - она растягивает собой всю страницу поста, появляется горизонтальная прокрутка и вообще читать не возможно. Всё что я предложил работает на обычном компе, в консоли, если выбирать различные устройства тоже всё отображается как запланированно. Но я проверяю конкретно на сматрфоне (микрософт люмия), все эти стили он игнорирует. То есть картинки растягивают страницу по ширине. И если тексты без картинок можно хоть как-то читать, то с картинками уже всё.

Вот кстати анализ второй страницы этой темы, тоже растягивается видно, и пишет Не задана область просмотра для мобильных устройств, хотя мета тег viewport и задаёт эту область.

модератор писал(а):перекодировать базу данных, что-ли?

не базу, а какие то файлы форума. Надо посмотреть в какой они кодировке. Нужно чтоб было в UTF-8 без BOM


Удалите ещё в конце css вот это
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */ @import url("formIE.css"); */

Удалите ещё в конце css вот это

Код:
/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");
*/

удалил

перекодировать базу данных, что-ли?

не базу, а какие то файлы форума. Надо посмотреть в какой они кодировке. Нужно чтоб было в UTF-8 без BOM

файлы ведь в html? когда базу сохраняешь, спрашивают в какой кодировке, там много кодировок, сейчас в UTF-8

Честно говоря, так и не понял почему моё устройство не хочет получать команды из css и подгонять картинки под заданный размер. В различных эмуляторах всё работает. Может в других планшетах и смартфонах оно и лучше отображается.

Гойский долбоёб писал(а):Вот кстати анализ второй страницы этой темы, тоже растягивается видно,

А то что тут растягивается это похоже, что гугл бот не видит файл стилей из за блокировки в robots.txt папки /styles/ Хотя это к делу совсем и не относится, просто для справки вот отсюда

Блокировка JavaScript, CSS и графических файлов

Чтобы обеспечить правильное индексирование и отображение страниц, нужно предоставить роботу Googlebot доступ к JavaScript, CSS и графическим файлам на сайте. Робот Googlebot должен видеть ваш сайт как обычный пользователь. Если в файле robots.txt закрыт доступ к этим ресурсам, то Google не удастся правильно проанализировать и проиндексировать содержание. Это может ухудшить позиции вашего сайта в Поиске.

модератор писал(а):файлы ведь в html?

Может и они, а может php? там ссылку я давал выше. Но это к тому что сверху отступ появляется из за этого символа, так то это мелочи, которые можно и не решать

Я тут вот что подумал. Если у вас домен ру и ком это разные скрипты форума, но подключенные к одной базе данных, может имеет смысл, скажем на домене ру установить чисто мобильный шаблон. Чтобы своего рода мобильная версия сайта получилась. То есть заходим на ком - загружается основной шаблон, заходим на ру - там будет другой шаблон и он будет мобильный.

В общем я пока над этим думал у меня родилось готовое решение, нашёл уже подходящий шаблон и немного его подправил и стилизовал. Предлагаю вам его попробовать, если не понравится, можно будет всё вернуть назад. Вот сам шаблон https://yadi.sk/d/FvxTMIFl35Nuiy

Чтобы его установить надо распаковать архив и папку bb3-mobi (в ней будет 2 папки +2файла) залить на сервер в папку styles

Затем в админпанели выбираем вкладку ПЕРСОНАЛИЗАЦИЯ ---> Установить стили



Устанавливаем, где-то там же делаем его активным


Далее открываем вкладку ОБЩИЕ ---> Настройка конференции и там Стиль конференции выбираем наш стиль и ставим Заменять стиль пользователя:



Если всё получится нормально, можно где то в шапке для посетителей написать что это вот мобильная версия, а тут вот полная и наоборот.

А чего там за скрипты внутри? Например в папке \bb3-mobi\template

Я не знаю, изначально этот шаблон предназначался работать совместно с модулем, который переключал бы пользователей на мобильную версию прямо на том же домене. Может для этого, может ещё какие-то дополнительные функции чтоб были. Я скачал его отсюда http://bb3.mobi/forum/viewtopic.php?t=83

В simple_footer.html внизу они подключены, попробуйте уберите

не совпадает названия папок, и есть лишняя папка, форум не видит шаблоны, наверное это уже для следующих версий phpbb, здесь старая
3.0.5. Может папки переименовать? Но врядли получится, надо версию форума поднимать.

В папке bb3-mobi файл style.cfg попробуйте всё удалить и вставить это
# # phpBB Style Configuration File # # @package phpBB3 # @copyright (c) 2005 phpBB Group # @license http://opensource.org/licenses/gpl-license.php GNU Public License # # # At the left is the name, please do not change this # At the right the value is entered # For on/off options the valid values are on, off, 1, 0, true and false # # Values get trimmed, if you want to add a space in front or at the end of # the value, then enclose the value with single or double quotes. # Single and double quotes do not need to be escaped. # # General Information about this style name = BB3 Mobi Style copyright = © 2014 g( uznai-pravdu.com ) version = 1.0.1 #for phpBB version 3.0.12 Должен увидеть, но как работать будет хз

Я не про это. Там даже папки по другому называются, у нас Image, у них images, и лежит в другом месте, в подкаталоге. форум просто не видит их.
надо или пути к ним менять, или их содержимое перебрасывать в старые папки.
Наверное проще или поднять форум до свежей версии или просто понять, в чем суть мобильной версии, и какие именно файлы надо поменять. Думаю что только оформление страницы упростить.

Это не так важно как там папки называются и какая у них там вложенность, все пути прописаны в html файлах в папке template. Проверьте чтоб путь до неё был такой \styles\bb3-mobi\template , а не такой \styles\bb3-mobi\bb3-mobi\template . Также нужно заменить содержание файла \styles\bb3-mobi\style.cfg (выше сообщение). И пока я больше не вижу причин что, почему форум не видит. В каком месте не видит? Как вы это поняли?

модератор писал(а):просто понять, в чем суть мобильной версии, и какие именно файлы надо поменять. Думаю что только оформление страницы упростить.

Суть мобильной версии в вёрстке, она блочная, cвёрстано на дивах (<div>) при такой вёрстке очень просто с помощью стилей подгонять под всякие устройства в том числе. Один и тот же шаблон можно сделать так что он будет совершенно по разному выглядеть в зависимости от разрешения экрана. Сейчас вообще так и делается, не нужно никаких мобильных версий - шаблон сам подстраивается под любой экран (Responsive называется т.е. адаптивный). А у вас же тут табличная вёрстка, причём какая-то совсем старая переделывать её совсем не проще. Проще взять какой-то из таких готовых шаблонов и допилить

модератор писал(а):или поднять форум до свежей версии

Свежая версия это конечно хорошо, но мне кажется и на старой версии тоже должно работать.

Всё понял, тестирую на 3.0.5. требуется доработка, до этого тестировал на последней версии

Вот подправил https://yadi.sk/d/htpfEpB835dL2Z но где-то могут быть ошибки, так как изначально он под более поздние версии был расчитан, а там есть различия. Возможно даже если вы решите поднять версию форума, то появятся ошибки уже в вашем шаблоне

Не работает постраничная навигация. Перекачайте https://yadi.sk/d/htpfEpB835dL2Z и залейте поверх шаблона с заменой существующих файлов, либо удалите папку с шаблоном и заново залейте

И на домене ру что то приглючило :(

Скорей всего название шаблона должно совпадать и там и там.Попробуйте субсильвер2 , который на домене ру переименовать в мобильный, если заработает, то хорошо, а если нет, то отменяйте все изменения, так как мобильная версия это не замена основной, хотя на мобильном устройстве почти отлично получилось, по мелочи кое чего осталось

не было видно подразделов в разделе технические вопросы
.ru вообще глюканул , чего то писал там про стили mobi, хотя это его не должно касаться совсем. При выборе в админке (com) было выбрано "изменения записывать на сервер" а не в базу/ Почему затронулось RU не понятно.

На других таких форумах есть выбор стилей, здесь его не видно почему то.

В админке сейчас снято
Заменять стиль пользователя:
Стиль, выбранный пользователем, будет заменён стилем по умолчанию.

Все равно не видно выбора стилей.

В общем мне кажется самое правильное решение было бы искать полноценный подходящий адаптивный шаблон от последней версии скрипта, доработать его внешний вид (чтобы был похож на этот), ну и поднимать версию форума. Я посмотрел как выглядит мобильный шаблон на устройстве, это небо и земля, по сравнению с тем что сейчас

Гойский долбоёб писал(а):Не работает постраничная навигация. Перекачайте https://yadi.sk/d/htpfEpB835dL2Z и залейте поверх шаблона с заменой существующих файлов, либо удалите папку с шаблоном и заново залейте

нет ничего по этой ссылке

Сейчас на com стоит 2 стиля вместе.
по умолчанию subsilver2
открыта возможность пользователю менять стиль.
Но куда нажимать не видно.

может эта возможность в overall_header.html закоментирована?

Это где-то в профиле пользователя должно быть, я как-то тоже не нашёл такого переключателя и на других шаблонах. Тут вот ещё обсуждалось это http://www.phpbbguru.net/community/viewtopic.php?t=43594 , но как это всё устанавливается я не знаю. А на другом домене так и не получается шаблон поставить? Когда глюкануло в прошлый раз - ошибка была что форум не видит шаблон mobi, может его использовать и не обязательно, но присутствовать он всё равно должен, причём папка должна называться именно bb3-mobi .

И ещё, у вас с домена ком постоянно выкидывает когда залогинишься, обратно разлогинивает даже после обновления страницы. Это может быть связано, что где-то в настройках указан домен ру (например ОБЩИЕ --> Настройки сервера , а также посмотреть что там в Настройки cookies (Домен куки))

Вижу что-то получилось, но нужно было сделать наоборот, чтоб на ру был мобильный шаблон, а на ком основной, так как ком у вас считается главным зеркалом. И не работает постраничная навигация, значит не обновили файлы.

А теперь о другом. Я поработал над адаптивным шаблоном для последней версии скрипта. Использовал подходящий готовый шаблон, который мне понравился. Удалил максимально всё лишнее, подогнал цвета и размеры блоков и шрифтов, то есть над общим дизайном. Ширина postbody такая же как здесь 700px. И изображения будут соответственно не больше (наверно это минус для вас). Чтобы не быть голословным вот демо версия http://yz-p.ru/index.php Там всё это попытался продемонстрировать, в том числе и различную вложенность и как будут выглядеть списки тем.

Главный плюс этого стиля то что он адекватно выглядит и на мобильных устройствах (если выяснится, что где-то мелковат шрифт это легко будет исправить). Даже гугл когда это поймёт он в результатах поиска на смартфонах будет делать приписку Мобильная версия, что сообщит пользователям, что можно смело переходить и всё будет отображаться как надо на их устройстве.

А главный минус - стиль всё таки будет выглядеть немного не привычно, хоть я и постарался сделать его максимально похожим.


Если решитесь на такие перемены, нужно поднимать версию форума и сделать это грамотно, обдуманно, не спеша и по инструкции, обязательно сделать бэкапы базы и всех файлов, так как изменения будут необратимыми. У вас к тому же особенность - одна база на 2 скрипта(насколько я понял). Всё это нужно учесть и быть готовым ко всему.

Кстати я прверил как на новой версии работает старый шаблон субсильвер2. В принципе работает, но тоже не видно постраничной навигации и кажется изображений кнопок типа новая тема и всё такое.

Ссылку на стиль пошлю в личку, чтобы не беспокоить плагиатчиков.