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


----

Начать новую тему Ответить на тему
АвторСообщение

 Сообщение Помогите сделать свой стиль... 2012-12-22

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

Эммм сообщение в блок заключить ?? Дык это ж просто) Код блока смотрите, в какие дивы и классы оборачивается, а потом по аналогии оборачиваете тело сообщения


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


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

DeaDRoMeO писал(а):

Эммм сообщение в блок заключить ?? Дык это ж просто) Код блока смотрите, в какие дивы и классы оборачивается, а потом по аналогии оборачиваете тело сообщения

Сергей, спасибо, но без твой наводки и хоть маленького примера, у меня мозг взрывается...
Во первых, в каком файле это править? Подобные рисунки прописываются в colours.css (я больше нигде не нашёл), или это отдельно надо заключить в дивы в каком-то html? В каком?
Во вторых, смысл в этом есть, если только применять не ко всему телу поста, а к бордюрам сверху, снизу, справа, слева по отдельности разный рисунок.
Допустим, как вставить рисунок здесь

.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
   border-bottom: 2px solid #2b3f58;
   border-left: 2px solid #2b3f58;
   border-top: 15px solid #375172;
   border-right: 2px solid #2b3f58;
 

вместо border-top: 15px solid #375172;? Если это возможно конечно...
Ссори, если замучил глупыми вопросами...


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

Для наглядности... Вот графически то, что хотелось-бы получить:
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку

А в идеале конечно, для каждого бордюра, но разные рисунки (png или gif)
Сами рисунки нарисовать не проблема, сделаю какие надо, а вот где и как прописать их...


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

Пока по инету лазил, вот что нашёл, может будет кому полезным.
Рамка и тень вокруг аватарки. Поставил, смотрится не плохо.
В colours.css найти
/* Poster profile block
----------------------------------------*/
.postprofile {
 

После закрывающей "}" вставить
.postprofile dt img {
    background-color: #FFFFFF;
    padding: 0px;
    margin: 5px 0 1px;
    border: 5px solid transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 #000000;
    -webkit-box-shadow: 0 0 10px 0 #000000;
    -moz-box-shadow: 0 0 10px 0 #000000;
}
 

Где background-color: #FFFFFF; - цвет фона рамки
border: 5px solid transparent; - отступ рамки от аватара
#000000 - цвет тени от рамки


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

dqdmitry писал(а):

А в идеале конечно, для каждого бордюра, но разные рисунки (png или gif)

найди в CSS стиля вот такой код он и отвечает за рамку каждого поста
.post {
   padding: 0 10px;
   margin-bottom: 4px;
   background-repeat: no-repeat;
   background-position: 100% 0;
   border-bottom: 2px solid #2b3f58;
   border-left: 2px solid #2b3f58;
   border-top: 15px solid #375172;
   border-right: 2px solid #2b3f58;
}
 


_________________
Подпись:
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
          Вернуться наверх  
 


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

akella1900 писал(а):

найди в CSS стиля вот такой код он и отвечает за рамку каждого поста

Виталий, так это я и сделал, нашел его в colours.css, и толщину рамок такую поставил...
Вопрос был в том, что хотел градиент вместо бордюра... Либо рисунок, как на шапке, либо вообще в css нарисовать, вроде читаю что можно, а не получается...
Ладно...


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

Так-с в просильвере дабы обернуть блок в рамку, возможно с градиентом используют такой набор тегов
<div class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         Тут код блока
         <span class="corners-bottom"><span></span></span></div>
      </div>
 

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


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


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

можно попробывать border-image: ,
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку
но под каждый браузер подгонять, то есть не каждый браузер будет правильно отображать, вообщем заморчка, ослик например и с закруглением не всегда дружит не то что с картинками )))


_________________
Подпись:
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
          Вернуться наверх  
 


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

Спасибо, парни, но видимо не моего это ума... :nez-nayu:
В css попробовал и так и сяк, для оперы прописывал -o-border-image:url(/images/border.png), не работает, даже в notepad++ не активным цветом, в отличии от -webkit-border-image:url(/images/border.png) или -moz-border-image:url(/images/border.png) (хрома и мозилы). Получилось на само тело поста css-ом сделать градиент, а как, даже не понял, стёр, т.к. не нужен...
Пробовал border-style: inset; (вогнутая рамка), тоже цвет меняет немного и всё, самого эффекта вогнутой рамки нет.

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


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

dqdmitry писал(а):

Получилось на само тело поста css-ом сделать градиент

правильно потому что не ввел параметры отображения, и у тебя просто заполнило весь пост, можешь глянуть
Пожалуйста Зарегистрируйтесь чтобы увидеть ссылку
. но ослик 100% не отображает, другие могут с глюками все от версий браузера зависит


_________________
Подпись:
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
          Вернуться наверх  
 


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

akella1900 писал(а):

правильно потому что не ввел параметры отображения, и у тебя просто заполнило весь пост, можешь глянуть пример. но ослик 100% не отображает, другие могут с глюками все от версий браузера зависит

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


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

Сергей, заметил, что у тебя при любом разрешении фиксированная колонка с постпрофилем, и как не сжимай экран, ни аватара (даже большая), ни надписи минипрофиля никогда не наедут на постбоди. Это особенность субсильвера, или как-то в css и в просильвере можно настроить? Может быть особенность что нет выбора лево/правостороннего стиля?
Пробовал играться в common.css
#wrap {
   padding: 0 20px;
   min-width: 650px;
}
 

, меняя значение 650, чтоб большая аватара при маленьких разрешениях не наезжала на текст, но тогда очень рано появляется полоса прокрутки при маленьком разрешении, пока один выход вижу - уменьшить аватары. Как у тебя фиксированный размер сделан?
Спасибо.


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

Я просто нашел класс колонки с мини-профилем (как то profile он обзывался) и дописал ему в КСС
min-width: 210px; 
 

А в настройках аватар поставил максимальный размер аватар в 200 пикселей)) Потому и не растягивается и вровень получается


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


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

DeaDRoMeO писал(а):

Я просто нашел класс колонки с мини-профилем (как то profile он обзывался) и дописал ему в КССКод: min-width: 210px; А в настройках аватар поставил максимальный размер аватар в 200 пикселей)) Потому и не растягивается и вровень получается

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

Надо какие-то ограничения в postbody прописать, пробую по разному, но всё-равно раньше или позднее "наезжает" сверху минипрофиля...
А раньше под аву "заезжало".


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

Это видимо косяк блочной верстки, в табличной - таблицы и столбцы находятся на одном уровне и потому при сжатии не наезжают друг на друга, в блочной же - элементы зачастую находятся в виде матрешки , один в другом, потому то и при сжимании идет наезд


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


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

Похоже выход один, это уменьшить размер аватар.
Экспериментировал, если ширину делать макс. 120, хватает на корректное отображение даже на ширине 800 (меньше и не надо, думаю), причём и в ЛС, где ещё уже.
Высоту можно 200px.
В принципе рука набита в ФШ, пока пользователей не много, можно довольно быстро управиться с заменой каждому))). Подумаем))).


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

НУ можно и так))


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


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

dqdmitry писал(а):

Похоже выход один, это уменьшить размер аватар.

А не пробовали разбить блок на два блока, один с фиксированой шириной, второй процентный плавающий.


_________________
Подпись:
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.
          Вернуться наверх  
 


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

akella1900 писал(а):

А не пробовали разбить блок на два блока, один с фиксированой шириной, второй процентный плавающий.

:kli_ny: ... Это как-то дивы с левым и правым классом создавать?


_________________
Подпись:
нуевонафигэтотавтомод
          Вернуться наверх  
 


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

dqdmitry писал(а):

Это как-то дивы с левым и правым классом создавать?

не люблю работать с просильвером )) у вас еще и сборка по моему стоит, дайте свой viewtopic, может и придумаю как разбить
вообщем то и файл уже не понадобится, просто задайте своим аватарам в стиле ширину 85% и высоту авто, должно вам подойти


_________________
Подпись:
back'up придумали трусы Ваша воля моими руками, но платно. Стучим в skype akella1900.

Информация о редактировании
Последний раз редактировалось akella1900 24 янв 2013, 16:34, всего редактировалось 1 раз.
          Вернуться наверх  
 
 
Начать новую тему Ответить на тему


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

  Похожие темы  Автор  Ответов  Просмотров  Последнее сообщение 
Аватар пользователя Стиль Supernova как сделать возможность сворачивания форумов

СТЕПАН

5

561

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

21 янв 2015, 20:51

DeaDRoMeO

Аватар пользователя Как я создал свой форум
Расскажите историю создания своего форума

DeaDRoMeO

40

2523

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

31 июл 2013, 20:33

DeaDRoMeO

Аватар пользователя Как раскрутить свой сайт

DeaDRoMeO

57

2882

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

09 сен 2013, 21:13

DeaDRoMeO

Аватар пользователя Как добавить свой фавикон в phpbb3
Мини-статейка по добавлению своего фавикона на форумы phpbb3

DeaDRoMeO

19

4910

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

24 ноя 2015, 05:18

DeaDRoMeO

Аватар пользователя Ради чего вы создали свой форум?

ursego

37

1872

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

03 окт 2014, 13:45

gudvin2

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

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

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

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


cron

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