Перейти к содержанию

Тема - ограждения, центрировать аватар,


Рекомендуемые сообщения

День добрый. Хотела узнать можно ли сделать ограждения в темах,о чем речь будет видно на скрине.

Как на данный момент у меня вид темы


А вот как хочу чтоб было


Так же интересует вопрос , как выровнять аватар чтоб был по центру и где изменить значения чтоб  передвинуть надписать "Отправлено день, месяц, год"

Буду благодарна за помощь!!
 

Изменено пользователем <MISS>
Ссылка на комментарий
Поделиться на другие сайты

скинь код 

.post_block h3 {

и 

.post_body
Ссылка на комментарий
Поделиться на другие сайты

[member=], ваш стиль > css > ipb_styles.css

 

найти:   .column_view .post_body

выставить чёрный цвет

{border-left: 1px solid #000000;}

 

Дальше ищем

ul.post_controls 

заменить цвет на чёрный в

border-top: 1px solid #000000

Изменено пользователем AlexBrtn
Ссылка на комментарий
Поделиться на другие сайты

[member=], ваш стиль > css > ipb_styles.css

 

найти:   .column_view .post_body

выставить чёрный цвет

{border-left: 1px solid #000000;}

 

Дальше ищем

ul.post_controls 

заменить цвет на чёрный в

border-top: 1px solid #000000

с первым кодом нашла 4 кода и в какой вставлять незнаю

во 2 нашла 8 подобных строк с таким кодом и не нашла нигде  border-top

Ссылка на комментарий
Поделиться на другие сайты

я ж думаю почему я найти то не могу этот код, мне нужно в стиле Royal исправить это

Ссылка на комментарий
Поделиться на другие сайты

AlexBrtn, подскажите как сделать в шаблоне Royal эти изменения

Ссылка на комментарий
Поделиться на другие сайты

,

 

Всё тоже самое, только в классы добавить то что описано выше

И уберите закругления удалив в ul.post_controls border-radius: 4px;

 

Читаните __ipbmafia.ru/tutorials/article/105-kak-uznat-kakoi-klass-css-otvechaet-za-tot-ili-inoi/

 

Можно ещё искать с помощью драгонфлай - ещё удобней

 

 

 

А в обще потратьте час на __htmlacademy.ru/ и сэкономите себе кучу времени в будующем

Ссылка на комментарий
Поделиться на другие сайты

кидайте весь ipb_styles.css под спойлер 

Ссылка на комментарий
Поделиться на другие сайты

он весь не поместится... или только то что изменить над

Изменено пользователем <MISS>
Ссылка на комментарий
Поделиться на другие сайты

Вот такой вид вам нравится?

post-14070-0-45686000-1415106155_thumb.p

 

Если да, то попробуем объяснить - как добиться такого вида.

Ссылка на комментарий
Поделиться на другие сайты

да, именно так хотела чтоб смотрелось

Ссылка на комментарий
Поделиться на другие сайты

[member=]

Проще всего создать новый CSS-файл с любым именем:

post-14070-0-56368800-1415107800.png

 

И в нём прописать следующее:

.post_wrap h3 {
border-bottom: 1px solid #ccc;
}

.author_info {
width: 205px !important;
margin: 0 auto;
}

.post_body {
border-left: 1px solid #ccc;
}

ul.post_controls {
border-top: 1px solid #ccc;
padding: 6px;
border-radius: 0px !important;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
}

После этого всё должно стать правильно.

Ссылка на комментарий
Поделиться на другие сайты

Очень помогли с решением данной проблем, спасибо всем кто пытался помочь.

Можете ещё подсказать как переместить иконки и надпись?

Ссылка на комментарий
Поделиться на другие сайты

Можете ещё подсказать как переместить иконки и надпись?

Допишите в созданный файл такой код:

.post_username {
min-width: 215px !important;
}

ul.post_controls li {
float: right !important;
}
Ссылка на комментарий
Поделиться на другие сайты

Гость
Эта тема закрыта для публикации ответов.
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...