Полезная информация


----

Начать новую тему Эта тема закрыта, Вы не можете редактировать и оставлять сообщения в ней.
АвторСообщение

 Сообщение [Общая тема]HTML - CSS - Графика форума: где что править ??? 2014-11-24

Аватар пользователя

DeaDRoMeO писал(а):

Я через таблицы все делал, а в просилвере блочная верстка. Табличную верстку знаете?

Спасибо Сергей. Табличной версткой владею в совершенстве, если можно так выразиться. Еще на народном сайте ее делал, лет 6 тому назад )
Я понял что в данном случае мне этот метод не подойдет, поскольку мне придется время от времени менять там ссылку, хотелось бы это делать из админки, а не через стиль, с постоянным его обновлением... пошел в тему с модами ))
***
форум не дает мне отписываться в теме Поиск модов, считает меня флудерастом :-0=) :ne_ne_ne:
***
Отвечу тогда тут, раз такое дело.

Добрый день, ищу самый что ни на есть простенький мод, с минимум функционала, который бы позволял размещать ссылку с небольшой картинкой в непосредственной близости с шапкой форума, или в самой шапке.
Подскажите плиз, друзья :dr_ink:



Теги темы
Проблема с отображением стиля phpbb3
          Вернуться наверх  
 


Аватар пользователя

VDV_forever писал(а):

поскольку мне придется время от времени менять там ссылку, хотелось бы это делать из админки, а не через стиль, с постоянным его обновлением

Мод рекламных площадок ставьте и площадку куда угодно можно ставить и менять ее содержимое через админку

Сообщение добавлено... спустя 1 минуту 8 секунд:
Отключил для вас флуд контроль)))


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

Добрый день! Подскажите пожалуйста, где можно произвести изменение цвета (мне надо затемнить подложку) в форме, где оставляются сообщения на форуме. А также продлить разделительную линию, отделяющую пользователя и его сообщение, до самого конца, если сообщение длинное. :ny_tik:
Вот наглядный пример:

а то получается что фон сообщения сливается с его автором :-(--


          Вернуться наверх  
 


Аватар пользователя

За фон сообщений отвечает класс postbody, его и надо редактировать дабы поменять фон, а насчет вертикальной линии - тут видимо не получится, это рамка для мини-профиля и она равна высоте самого мини-профиля, вниз врядли растянешь


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

DeaDRoMeO писал(а):

За фон сообщений отвечает класс postbody, его и надо редактировать дабы поменять фон, а насчет вертикальной линии - тут видимо не получится, это рамка для мини-профиля и она равна высоте самого мини-профиля, вниз врядли растянешь

Сергей, извиняюсь за глупый вопрос, а в каком файле искать класс postbody?
Ну как же у Вас на форуме растянуто от верха и до низа:


          Вернуться наверх  
 


Аватар пользователя

все файлы стиля находятся в файлах css. у вас этот файл здесь
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку
.

Вот это - класс postbody - отвечает за поле сообщения:

/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
}
 


Добавьте туда background и сможете менять цвет фона. так:
/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
        background: #FFFFFF; // цвет фона
}
 


Ваша белая вертикальная полоска формируется здесь:
/* Poster profile block
----------------------------------------*/
.postprofile {
   /* Also see tweaks.css */
   margin: 5px 0 10px 0;
   min-height: 80px;
   color: #666666;
   border-left: 1px solid #FFFFFF;
   width: 22%;
   float: right;
   display: inline;
}
 


Админ прав. в этом месте растянуть её у вас не получится.
Можете попробовать убрать здесь (строку border-left: 1px solid #FFFFFF;), а добавить вертикаль в postbody.
Примерно так:
/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
        background: #FFFFFF; // цвет фона
        border-right: 1px solid #000000; // вертикальная полоса
}
 


Должно получиться. (хотя стили prosilver немного глюканутые... ну это моё мнение :hi_hi_hi: ).
Пробуйте. Успехов.


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

DeaDRoMeO писал(а):

Ну как же у Вас на форуме растянуто от верха и до низа:

Табличная верстка однако


_________________
Подпись:
-_- -_-
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

Добавьте туда background и сможете менять цвет фона. так:

Огромное спасибо, умный белк! :co_ol:
Получилось! Зацените:

Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку

Немного смущают еще один фон, который бы тоже не мешало преобразовать в аналогичный цвет. И будет вообще супер-пупер красиво!
Проблемные места выделил красным. Можно ли таким оригинальным образом, закрасить и эту область до границы с аватарой, а также по краям!?
У меня такое ощущение, что эта область Post body styles обрамляет само сообщение с цитатами, ну т.е. именно эту область, а далее идет еще одна область, непосредственно определяющая границы, до аватары.... нет?
Только вот какая? :du_ma_et: Подскажите? :smu:sche_nie:
***
с линией пока не игрался, но уверен, что если "покрасить" вторую область обрамляющую сообщение до границ, то проблема решиться сама собою и останется только удалить белую линию по вашей рекомендации! :bra_vo:
***
Если все получится, то распространю это Ваше решение и на другой форум тоже! :ya_hoo_oo: Дай бог Вам здоровья!!! :a_g_a:
P.S. Для всех кто столкнется с такой же проблемой, корректирует этот файл:
styles/prosilver/theme/content.css


          Вернуться наверх  
 


Аватар пользователя

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


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

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


Вы всегда радуете простыми решениями, сложных вопросов! :co_ol: Скинул в ЛС :mi_ga_et:
Белк, а если расширить блок сообщений по максимуму? Такая есть возможность? До границ? :du_ma_et:


          Вернуться наверх  
 


Аватар пользователя

чч... накручено, дэс... может вам сделать проще? заменить весь фон блока, а для профиля сделать свой фон? то есть с postbody убрать фон, а поставить его на весь блок. на профиль поставить свой background. не могу утверждать с уверенностью, но, скорее всего, профиль получится отдельным блочком (не до конца сообщения). то, что вы просите реализовать очень сложно, так как это блочная вёрстка и нет чётких критериев высоты блоков... скорее всего надо полностью перестраивать блок сообщения под табличный вид. просто имея файл сделать сложно. на стандартный prosilver файл не ставится - пробовал.
кстати, у вас первое-второе сообщение имеют разные фоны. тоже возня...

фон блока 1 - класс post bg1
фон блока 2 - класс post bg2

редактируется здесь:
.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; }
 


.bg1 { background-color: #f7f7f7;} - цвет фона

Блок профиля:

.postprofile {
   /* Also see tweaks.css */
   margin: 5px 0 10px 0;
   min-height: 80px;
   color: #666666;
   border-left: 1px solid #FFFFFF;
   width: 22%;
   float: right;
   display: inline;
}
 


сделать так:
.postprofile {
   /* Also see tweaks.css */
   margin: 5px 0 10px 0;
   min-height: 80px;
   color: #666666;
   border-left: 1px solid #FFFFFF;
   width: 22%;
   float: right;
   display: inline;
   background: #f7f7f7;
}
 


// переделывать файл под таблицу возни много...

Попробуйте сделать у себя то, что я написал...

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


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

чч... накручено, дэс... может вам сделать проще? заменить весь фон блока, а для профиля сделать свой фон? то есть с postbody убрать фон, а поставить его на весь блок. на профиль поставить свой background. не могу утверждать с уверенностью, но, скорее всего, профиль получится отдельным блочком (не до конца сообщения). то, что вы просите реализовать очень сложно, так как это блочная вёрстка и нет чётких критериев высоты блоков... скорее всего надо полностью перестраивать блок сообщения под табличный вид. просто имея файл сделать сложно. на стандартный prosilver файл не ставится - пробовал.
кстати, у вас первое-второе сообщение имеют разные фоны. тоже возня...

фон блока 1 - класс post bg1
фон блока 2 - класс post bg2

редактируется здесь:


Белк, огромное спасибо, за помощь! Попробовал. Но Вы правы, выделяется только блочек, не до конца сообщения. И смотрится не очень.
Однако!! Я попробовал внедрить белую вертикальную полоску и результат - отлично! :co_ol:
Правда обнаружился небольшой артефакт, было бы просто супер от него избавиться и у Вас бы получилась отличная доработка, которую можно смело патентовать, белк! :dr_ink:

Артефакт связан с добавлением полоски, в блок где спасибки ставятся:

Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку

Однако странно, что всего 4 спасибки влезают в 1 строку, хотя явно должно быть 5 на одной...
P.S. Белк, допиши в своем профиле, решение сложных проблем, простыми решениями! :a_g_a:


          Вернуться наверх  
 


Аватар пользователя

откуда там эта полоска берётся? мне по ссылке спасибки не увидеть - надо региниться... спасибки стоят в блоке сообщения под классом postbody?


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

откуда там эта полоска берётся? мне по ссылке спасибки не увидеть - надо региниться... спасибки стоят в блоке сообщения под классом postbody?


эээ, еще бы знать как этот класс назывался...
/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff;
   }

.postbody .ignore {
   font-size: 1.1em;
}

.postbody h3.first {
   /* The first post on the page uses this */
   font-size: 1.7em;
}

.postbody h3 {
   /* Postbody requires a different h3 format - so change it here */
   font-size: 1.5em;
   padding: 2px 0 0 0;
   margin: 0 0 0.3em 0 !important;
   text-transform: none;
   border: none;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   line-height: 125%;
}

.postbody h3 img {
   /* Also see tweaks.css */
   vertical-align: bottom;
}

.postbody .content {
   font-size: 1.3em;
}

.search .postbody {
   width: 68%
}

/* Topic review panel
----------------------------------------*/
#review {
   margin-top: 2em;
}

#topicreview {
   padding-right: 5px;
   overflow: auto;
   height: 300px;
}

#topicreview .postbody {
   width: auto;
   float: none;
   margin: 0;
   height: auto;
}

#topicreview .post {
   height: auto;
}

#topicreview h2 {
   border-bottom-width: 0;
}

.post-ignore .postbody {
   display: none;
}

/* MCP Post details
----------------------------------------*/
#post_details
{
   /* This will only work in IE7+, plus the others */
   overflow: auto;
   max-height: 300px;
 


          Вернуться наверх  
 


Аватар пользователя

да нет, просто меня интересовало откуда у вас берётся эта белая полоска, так как по скану толком не понять... она получилась после этих наших экспериментов с фоном?... спасибки отсюда ставили?


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

да нет, просто меня интересовало откуда у вас берётся эта белая полоска, так как по скану толком не понять... она получилась после этих наших экспериментов с фоном?... спасибки отсюда ставили?

Выходит что так... спасибки ставил именно этот.
Могу убрать доработку и посмотреть исчезнет ли полоска, но я уверен что исчезнет. Блин, где зарыта собака.. это реально, очень полезная доработка!


          Вернуться наверх  
 


Аватар пользователя

ага... ну значит так. попробуй в код "спасибок" в файле viewtopic_body добавить код:

найти
<!-- IF postrow.S_THANKS_POST_REPUT_VIEW and postrow.POST_REPUT and not postrow.S_POST_ANONYMOUS and not S_IS_BOT -->
         <div class="content">
            <dl class="postbody">
               <dt class="small"><strong>{L_REPUT}:</strong>&nbsp;{postrow.POST_REPUT}</dt>
               <dd>
               <!-- IF postrow.S_THANKS_REPUT_GRAPHIC -->
               <div style="width: {postrow.THANKS_REPUT_GRAPHIC_WIDTH}; height: {postrow.THANKS_REPUT_HEIGHT}; background:  url({postrow.THANKS_REPUT_IMAGE_BACK}); background-repeat: repeat-x;"><div style="height: {postrow.THANKS_REPUT_HEIGHT}; width: {postrow.POST_REPUT}; background: url({postrow.THANKS_REPUT_IMAGE}); background-repeat: repeat-x;"></div></div>&nbsp;
               <!-- ENDIF -->
               </dd>
            </dl>
         </div>
      <!-- ENDIF -->
 

в код
<dl class="postbody">
 

добавить код, убирающий полоску, чтобы получилось так:
<dl class="postbody" style="border-right: 0px solid #ffffff;">
 


понимаете изменение? вы добавляете к классу postbody, уже имеющему эту полоску, свою полосу, имеющую нулевую толщину, то есть её просто не должно быть видно...
можно ещё и поменять класс. то есть сделать новый, предположим postbody_thank и заменить postbody в этом коде на него, а postbody_thank добавить в стилевой файл и перекопировать туда содержимое postbody БЕЗ бордера полоски...
Решайте сами. :du_ma_et:


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

глянул сейчас что у вас получилось... цитата как-то не очень. получается вплотную к бордеру. может стоит добавить отступ?
сюда:
.quotee{position: relative;margin: 20px 0px -10px 10px;border: 1px solid #0076B4;padding: 18px 30px 7px 30px;min-height: 35px;background: #FFFFFF url(styles/prosilver/theme/images/spback.png) bottom left repeat-x;font-weight: bold;color:#797971;text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);}
 

сделать
margin: 20px 10px -10px 10px;
 

то есть добавить отступ справа? :du_ma_et:


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 


Аватар пользователя

белк писал(а):

ага... ну значит так. попробуй в код "спасибок" в файле viewtopic_body добавить код:
найти

Спасибо белк, что занимаетесь моей проблемой! :dr_ink: К сожалению первый способ не помог, увы. т.е. полоска осталась. А второй какой то мудреный... :du_ma_et:

белк писал(а):

глянул сейчас что у вас получилось... цитата как-то не очень. получается вплотную к бордеру. может стоит добавить отступ?

Отступ действительно кривой был, поправил. Спасибо! Теперь правда текст вплотную, а цитата нет. Вот если бы еще текст сместить на такое же расстояние от полоски, ... хотя, думаю так даже лучше, более рационально что ли :-00):
Хотя 5 мм все же не помешали :mi_ga_et:


Вложения:
[Общая тема]HTML - CSS - Графика форума: где что править ???
[Общая тема]HTML - CSS - Графика форума: где что править ??? - 149 [ 4.03 KiB | Просмотров: 724 ]
          Вернуться наверх  
 


Аватар пользователя

этот отступ регулируется в postbody и от цитаты не зависит.
здесь:
/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff;
   }
 

строка padding: 0;
можете сделать так
/* Post body styles
----------------------------------------*/
.postbody {
   padding: 0 10px 0 0;
   line-height: 1.48em;
   color: #333333;
   width: 76%;
   float: left;
   clear: both;
   border-right: 1px solid #ffffff;
   }
 

будет отступ текста справа на 10px.
до этого у вас было не видно, так как вы не ставили бордер...

//значит первый способ результата не дал...


_________________
Подпись:
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
          Вернуться наверх  
 
 
Начать новую тему Эта тема закрыта, Вы не можете редактировать и оставлять сообщения в ней.


Дополнительные возможности

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя [Общая тема]HTML-CSS-Графика форума: где что править ???-Ч.2
Вторая часть темы, посвященной ошибкам и проблемам отображения стилей, а так же любым вольным ковыряниям в HTML - CSS файлах форума phpbb3

DeaDRoMeO

8

239

Аватар пользователя

03 окт 2017, 05:38

DeaDRoMeO

Аватар пользователя [Общая тема]Боты для форума
Обсуждаем ботов и все что с ними связано

DeaDRoMeO

218

13925

Аватар пользователя

26 апр 2017, 17:54

DeaDRoMeO

Аватар пользователя [Общая тема] Вконтакте
Тема посвящена обсуждению любых новостей и материалов, связанных с социальной сетью Вконтакте

DeaDRoMeO

50

2920

Аватар пользователя

15 июн 2013, 21:06

DeaDRoMeO

Аватар пользователя [Общая тема]Volunia
Volunia - Новый поисковик, достойный конкурент яндекса и гугла. В данной теме вы найдете подробный обзор данной поисковой системы, а так же все ее новости

DeaDRoMeO

25

3822

Аватар пользователя

25 апр 2016, 21:18

DeaDRoMeO

Аватар пользователя [Общая тема] Всети.BY
Тема посвящена всем новостям и обсуждениям белорусской социальной сети Всети.BY

DeaDRoMeO

0

1679

Аватар пользователя

22 окт 2012, 07:52

DeaDRoMeO

Оставить свой комментарий

Поделиться темой с помощью

Ссылки на тему

Прямая ссылка:
BB-код для форумов, сайтов, блогов:
HTML ссылка:
 


cron

Самая неформальная поддержка phpBB :P