Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!
Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!
Сообщений 871 страница 900 из 1000
Поделиться121-09-2013 03:39:05
Поделиться87204-08-2014 15:15:45
pandora hearts
Доброго
как делать подобную фишку
Обернуть описание в div и прописать стили:
<div id="my_style">
описание форума
</div>
#my_style{
...
}
И подскажите, как оформить профиль рамочкой?
/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
background:url(http://s5.uploads.ru/XhMmc.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
overflow: visible!important;
margin:12px 0!important;
}
.punbb .post .post-author > ul {
background:url(http://s4.uploads.ru/bE3dQ.png) 0 top no-repeat,url(http://s5.uploads.ru/LHcVs.png) 0 bottom no-repeat; /*Фон верха - низа*/
margin:-12px 0 -12px 0!important;
padding:12px 17px!important;
}
Поделиться87306-08-2014 18:18:07
Elder Sister
Доброго.
Вижу, Вы тут сидите сегодня весь день - решила ответить на вопрос
/* A5.2 */
.punbb {
margin-left:65px;
position: top center;
float: none;
width: 998px;
height: auto;
}
#pun .section {border-style: none; width: 764px; }
Зачеркнутое пусть горит в аду, а жирное подгоняем под нужную ширину. Хотя для статистики и вернего приветствия можно вообще удалить, по сути
Поделиться87406-08-2014 18:31:09
Fly
Спасибо за ответ :з
Поделиться87507-08-2014 12:36:47
Доброго времени суток!
Не подскажите, как можно увеличить размер картинки на теле форума, и при этом оставить "область написания текста" прежней?
Буду признательна
http://rosinka64.mybb.by
Поделиться87607-08-2014 13:34:16
on-coo
Доброго
Заменяем-удаляем
/* A5.1 */
#pun {
margin: 0px;
position: relative;
padding: 0 300px;
width: 827px;
margin: auto;
}/* A5.2 */
.punbb {
float: center;
width: 820px;
margin-left: 70px;
height: auto;
}
Поделиться87707-08-2014 16:23:28
Fly, огромное спасибо! С телом все отлично, но теперь "срезалась" часть большой шапки. Ее обрез теперь просто увеличить в размерах надо?
Поделиться87807-08-2014 16:33:21
on-coo
Не думаю, что это можно как-то по-другому сделать, поэтому вот:
#pun-title table {
border: none;
height: 0px;
width: 1730px;
height: 757px;
}
#pun-title table {
background-image: url(http://sd.uploads.ru/5AJRH.jpg); background-position: top center; background-repeat: no-repeat;
border: none;
margin-left: -452px;
}
body {
background-image: url("http://sd.uploads.ru/5AJRH.jpg"); background-position: top center; background-repeat: no-repeat;
background-color: transparent;
}
Поделиться87907-08-2014 16:36:25
Fly, ангел-спаситель
Огромная благодарность, все прекрасно встало на свои места :3
Поделиться88009-08-2014 16:47:34
Доброго времени суток)
помогите, пожалуйста, разобраться, не знаю как объяснить но : порядок картинок, заменяющих название категорий, почему то поменялся, например :
первую категорию AMC office (админку) гостям не видно, но ее картинка-название появляется на месте Information ( которая для гостей первая )
то есть, названия не скрываются вместе с самой категорией, а идут по порядку
надеюсь, понятно объяснила ) заранее спасибо)
http://hanakurabu.rusff.ru
Поделиться88109-08-2014 17:28:17
Akira_Tsu
Вы заменяете категории через цсс секлекторы наподобие #pun-category1.category h2.
Для вас (админ) первая категория - АМС, для гостей первая категория - другая, но в ЦСС указан фон для первой категории, независимо оттого, что вы подразумеваете под этим скрытую от гостей категорию. Заменяйте категории этим скриптом:
Очень удобная замена категорий
Поделиться88209-08-2014 17:44:58
morgan
Понятно, спасибо большое ))
Поделиться88310-08-2014 14:32:20
Можно ли поменять цвет горизонтальной линии, к примеру на чёрный, в дополнительном поле?
И ещё вопрос 0.0
Как вставить в описание форума навигацию?
Поделиться88410-08-2014 14:53:50
подскажите где допустила баг в надписях форум и так далее что они съехали
http://newbatlle.mybb.ru
Поделиться88510-08-2014 15:11:46
werty
помое му так это в верху над описанием
<div class="jaztuttemp"><div class="jaztuttempwords">
<p>
а это внизупод описанием
<hr>
<center><a href=""><b>ГОСТЕВАЯ</b></a> | <a href=""><b>ПРАВИЛА</b></a> | <a href=""><b>СЮЖЕТ</b></a> | <a href="http://thehundred.rusff.ru/viewtopic.php?id=4"><b>FAQ</b></a> | <a href=""><b>ЛИЦА</b></a></center></p></div></div>
Поделиться88610-08-2014 15:50:21
и еще люди подскожите помогите как можно такое оформление сделать http://acv.rusff.ru/viewtopic.php?id=2#p229 и куда его вставлять именно в хтл верх или в сам стиль
Отредактировано Gravity of Love (10-08-2014 15:56:44)
Поделиться88811-08-2014 00:00:38
подскажите где допустила баг в надписях форум и так далее что они съехали
http://newbatlle.mybb.ru
М?) Не вижу проблемы)
И ещё вопрос 0.0
Как вставить в описание форума навигацию?
<select onchange="javascript:window.location=this.options[this.selectedIndex].value;"> <option value="">Навигация ёпта</option> <option value="ссыль на тему">Ага ага</option> <option value="ссыль на тему">Да да да</option> </select>
Поделиться88911-08-2014 09:01:21
morgan
Спасибо огромное *.*
Поделиться89011-08-2014 10:07:44
morgan
я уже переписала код,в сам стиль его прописала вчера все выглядело так , и я использовала скрипт
Поделиться89111-08-2014 10:37:15
доброго утра (:
Подскажите, пожалуйста, как можно убрать строку "активные темы, ответы" и так далее?
Или заменить их на свои картинки
Поделиться89211-08-2014 11:56:05
on-coo
Скрипт замены на свои картинки
<script> $("#pun-ulinks .item1 a").html('<img src="ссылка на картинку новые сообщения">'); // Новые сообщения $("#pun-ulinks .item2 a").html('<img src="ссылка на картинку активные темы">'); // Активные темы $("#pun-ulinks .item3 a").html('<img src="ссылка на картинку темы без ответов">'); // Темы без ответов $("#pun-ulinks .item4 a").html('<img src="ссылка на картинку мои сообщения">'); // Мои сообщения $("#pun-ulinks .item5 a").html('<img src="ссылка на картинку подписка">'); // Подписка $("#pun-ulinks .item6 a").html('<img src="ссылка на картинку все прочитано">'); // Все прочитано </script>
если совсем хотите убрать то в css вставляете
#pun-ulinks .container{display: none};
Поделиться89311-08-2014 11:57:02
Emerson, большое спасибо :3
Поделиться89411-08-2014 13:05:57
Снова я
Заменяла названия категорий на свои картинки, но почему то остались и текстовые значения. Как исправить? Заранее большое спасибо
Поделиться89511-08-2014 13:07:41
on-coo
.category h2 span{ font-size: 0 !important;}
Поделиться89611-08-2014 13:11:33
morgan, спасибо, получилось :3
Поделиться89713-08-2014 10:39:42
Доброго дня :3 Подскажите, можно ли колонку. что посередине, чуть сдвинуть влево?
Код:<table> <tbody><tr valign=top> <td width="45%" align="center"><b>ЛУЧШИЙ ПОСТ</b> <br><center> <style type="text/css"> .deb01{opacity:0;width: 180px; height:76px; transition-duration: 0.4s; -moz-transition-duration: 0.4s;-webkit-transition-duration: 0.4s;-o-transition-duration: 0.4s} .deb01:hover {opacity:1} .deb02 { width: 152px; height:40px; background-color: #f0e2bd; font-family: arial; font-size: 10px; text-align: justify; color: #282828; overflow:auto;letter-spacing: 1px;line-height: 100%;padding:13px;border-bottom: solid #180c04 5px;border-top:solid #180c04 5px;letter-spacing:1px;} </style></center> <center> <div style="width: 180px; height:76px;background-image: url(http://sf.uploads.ru/SJk4V.png);"> <div class="deb01"> <div class="deb02"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ... <a href="http://tvdgrowing.rusff.ru/viewtopic.php?id=428#p58534">(читать дальше)</a> </div></div></div> </center> </center></center> <br><center><b>ПАРТНЁРЫ</b> <BR> тут</td> <td width="15%" align="center"><b>КОНТАКТЫ</b> <br><a href="http://alioth.mybb.ru/profile.php?id=2" title="гл.Администратор"><img src="http://sf.uploads.ru/vRkpG.png" border="0"></a> <a href="ссылка" title="имя" "=""><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a> <br><a href="ссылка" title="имя"><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a> <a href="ссылка" title="имя"><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a> <a href="ссылка" title="имя"><img src="http://sc.uploads.ru/5d3ef.png" border="0"></a> <br> <b>ТОПЫ</b> <br>тут баннер <br> <b>НАВИГАЦИЯ</b> <br><form id="qjump" method="get" action="viewforum.php"> <div><label> <select name="id" onchange="window.location=('viewtopic.php?id='+this.options[this.selectedIndex].value)"> <option value="">Перейти</option> <option value="4">Гостевая;</option> <option value="3">Правила;</option> <option value="5">О игре;</option> <option value="12">Анкета;</option> <option value="2">Занятые имена;</option> <option value="58">Заполнение профиля.</option> </select> </label></div> </form></td> <td width="45%" align="center"><b>НОВОЕ</b> <br><b>число</b> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст ... <br><br><center><b>АКТИВИСТЫ</b> <br><a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a> <a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a> <a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a> <a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a> <a href="ссылка на профиль" title="имя игрока"><img src="http://sd.uploads.ru/nMf2w.png" border="0"></a></center> </td> </tr> </tbody></table>
И помогите найти скрипт. Мне нужна дополнительная кнопка в форме ответа, где будет "мысли персонажа, речь и тд"(то есть, нажав к примеру на "мысли" появляется
[u] [/u]
) Видела что-то подобное, но не могу найти
Отредактировано werty (15-08-2014 13:40:32)
Поделиться89915-08-2014 12:56:16
Доброго времени суток!)
Я тут с просьбами и вопросами, потому что я уже замучился...т--т И буду дико благодарен, если вы поможете))
http://doctornew.mybb.ru/ - ссылка на форум
И, собственно, в чем проблемы:
1. как уменьшить расстояние между категорией и самим подфорумом?
2. я попыталась подгрузить на форум свой шрифт, чтобы не мучиться с категориями и каждый картинкой для них, но этот шрифт нормально отображается только у меня
а у остальных он выглядит вот так:
использовала этот код для установки шрифта:
<style type="text/css">
@font-face {
font-family: 'a_AvanteTitulInline';
src: url('http://proarch.ucoz.ru/a_AvanteTitulInline.eot?'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.woff') format('woff'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.otf') format('truetype'),
url('http://proarch.ucoz.ru/a_AvanteTitulInline.svg#svgFontName') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
Но как-то не получилось. Вот. Если сможете подсказать, реально ли вообще это исправить и сделать, я буду дико благодарен!))*_*
Отредактировано lavender cat (15-08-2014 12:56:37)
Поделиться90015-08-2014 14:32:13
werty
Адрес форума)
1. как уменьшить расстояние между категорией и самим подфорумом?
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
background-image: url('http://sd.uploads.ru/MDxS0.png');
background-repeat: no-repeat;
background-position: center top;
color: #A73E9C;
font-family: a_AvanteTitulInline;
font-size: 30px;
height: 89px;
width: 831px;
margin-top: 1px;
margin-left: -44px;
text-align: center;
line-height: 200%;
}
Заменить на 59px
2. я попыталась подгрузить на форум свой шрифт, чтобы не мучиться с категориями и каждый картинкой для них, но этот шрифт нормально отображается только у меня
Попробуйте это
@font-face { font-family: 'a_AvanteTitulInline'; src: url('http://proarch.ucoz.ru/a_AvanteTitulInline.eot?'), url('http://proarch.ucoz.ru/a_AvanteTitulInline.woff') format('woff'), url('http://proarch.ucoz.ru/a_AvanteTitulInline.otf') format('truetype'), url('http://proarch.ucoz.ru/a_AvanteTitulInline.svg#svgFontName') format('svg'); font-weight: normal; font-style: normal; }
сохранить на http://proarch.ucoz.ru/ с расширением .css (к примеру, styles.css). Подгрузите в хтмл-верхе так:
<link rel="stylesheet" type="text/css" href="http://proarch.ucoz.ru/styles.css" />
Дело в том, что по крайней мере Мозилла требует, чтобы шрифты были загружены на тот же домен, на котором находится сайт. Т.е. в идеале у нас должна была бы быть возможность загружать шрифты в Администрирование - Файлы, но её, увы, нет. Дополнительно об этом можно почитать тут. Там есть инструкция)