Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!
Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!
Сообщений 841 страница 870 из 1000
Поделиться121-09-2013 03:39:05
Поделиться84123-07-2014 00:34:36
morgan
огромнейшее спасибо! : )
Поделиться84223-07-2014 12:34:25
Доброго дня. Проблемка возникла на ровном месте: пустое место между шапкой и таблицей. Что-то менял в прошлом дизе, не могу вспомнить, что именно, вот так и получилось. Помогите пожалуйста х)
Поделиться84323-07-2014 12:48:05
Merlin
/* D1.2 */
#pun-title h1 {
display : block;
height: 312px;
margin: -1px 0px 0px -30px;
}
Попробуйте поменять на другое значение. Скажем, 250 (высота вашей шапки)
Отредактировано Чёрный Властелин (23-07-2014 12:49:19)
Поделиться84423-07-2014 13:17:02
Чёрный Властелин
о, благодарю х)
Поделиться84523-07-2014 15:13:00
Чёрный Властелин,
вообще к первому вопросу, проблема же не в том, какое значение задано в D1.2, а в том, что фон таблицы не проходи с верху вниз сплошняком. Это можно как-то исправить?
Отредактировано Merlin (23-07-2014 15:18:15)
Поделиться84623-07-2014 16:58:49
Привет всем, спасайте!
а как возможно сделать такую красоту, как на этой ролевой...
картинки меняющиеся при наведении?
http://highway.rusff.ru/viewtopic.php?id=5
Отредактировано Потеряшка FM (23-07-2014 18:00:47)
Поделиться84723-07-2014 17:10:56
ребятушка, помогите, пожалуйста
всю голову сломала, очень стыдно хд
- как разделить "Привет, "ник" и навигацию?
- как сделать фурм, участники и т.д. заглавными буквами?
- как сдвинуть название форума влево?
+ Ссылка на форум.
А еще у меня проблема: когда ставлю что-нибудь в хтмл-низ, сползает футер (подвал)... ничего не могу сделать(( и его переставляла, и разные коды использовала - ничего. Выползает фон и разрывает дизайн х(
Помогите, пожалуйста!
Поделиться84823-07-2014 19:00:04
`artful
С первой проблемой вопрос у вас уже решен, кажется)
- как сделать фурм, участники и т.д. заглавными буквами?
В /* D3.1 */ добавьте text-transform: uppercase;
- как сдвинуть название форума влево?
в /* CS5.6 Совсем другое */
замените #pun-crumbs1 .container { text-align: center;} на #pun-crumbs1 .container { text-align: left;}
Поделиться84923-07-2014 19:04:10
Mori
да, потому что я удалила все коды, меняющие родовую структуру хд
В /* D3.1 */ добавьте text-transform: uppercase;
в /* CS5.6 Совсем другое */
спасибо большое! все получилось)
Поделиться85024-07-2014 13:57:03
Доброго времени суток.
Вопрос следующий, как можно сделать так же, как вот на этой ролевой — http://maze.f-rpg.ru/
Когда наводишь на "Занятые внешности", "Роли" и так далее в шапке появляются анимации, разные.
Именно это интересует.
Буду благодарен за помощь.
Поделиться85124-07-2014 17:10:27
Потеряшка FM
Это HTML в постах.
Ставьте в HTML-верх без изменений следующее:
<script src="http://hostjs-mybb2011.narod.ru/js/transform_code_boxr.js"></script>
В HTML-низ в самое начало:
<script>a="http://testdef.0pk.ru/viewtopic.php?id=3#p61";
Transform_Code_Box_in_HTML (a)</script>
Красное изменяйте на адрес поста, в котором нужна трансформация. Из адресной строки копируйте.
Наконец, в сам пост вставляйте:
Код:<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <style type="text/css">#cappy3 {width: 200px; height: 350px; border: 2px dashed #79cbe0; position: relative; overflow: hidden;} #cappy3 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 200px; height: 350px;} #cappy3:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -200px;}</style> <style type="text/css">#cappy1 {width: 200px; height: 350px; border: 2px dashed #E08E79; position: relative; overflow: hidden;} #cappy1 .page { transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; right: 0px; bottom: 0px; width: 200px; height: 350px;} #cappy1:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; right: -200px;}</style> <style type="text/css">#cappy2 {width: 200px; height: 350px; border: 2px dashed #79cbe0; position: relative; overflow: hidden;} #cappy2 .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; position: absolute; left: 0px; bottom: 0px; width: 200px; height: 350px;} #cappy2:hover .page {transition-duration: .6s; -webkit-transition-duration: .6s; -moz-transition-duration: .6s; -ms-transition-duration: .6s; -o-transition-duration: .6s; left: -200px;}</style> <center> <table><tr> <td style="width: 210px; height: 900px; padding: 5px;"> <div id="cappy3"> <div class="page"><img src="http://sf.uploads.ru/2mnho.jpg"></div> <div style="width: 200px; height: 350px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br> words </div> </div> <br> <div id="cappy1"> <div class="page"><img src="100 x 100 IMAGE"></div> <div style="width: 200px; height: 350px; background-color: #C5E0DC; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br> tag </div> </div> <br> <div id="cappy2"> <div class="page"><img src="100 x 100 IMAGE"></div> <div style="width: 200px; height: 350px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br> outfit/notes </div> </div> <br> </div></td> <td style="width: 210px; height: 900px; padding: 5px;"> <div id="cappy3"> <div class="page"><img src="100 x 100 IMAGE"></div> <div style="width: 200px; height: 350px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br> words </div> </div> <br> <div id="cappy1"> <div class="page"><img src="100 x 100 IMAGE"></div> <div style="width: 200px; height: 350px; background-color: #C5E0DC; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br> tag </div> </div> <br> <div id="cappy2"> <div class="page"><img src="100 x 100 IMAGE"></div> <div style="width: 200px; height: 350px; background-color: #F1D4AF; padding: 0px; font-family: georgia; font-size: 10px; text-transform: uppercase; color: #353535; text-align: center; font-weight: bold;"><br><br><br> outfit/notes </div> </div> <br> </div></td> </tr></table> </div></div>
ОБЯЗАТЕЛЬНО вставляйте в тег [code][/code], иначе работать не будет
Я когда тестила, поставила значение картинки 200*350, меняйте на свое.
Настроика, думаю, проблем не вызовет)
Отредактировано Чёрный Властелин (24-07-2014 17:11:57)
Поделиться85224-07-2014 18:24:24
Добрый вечер ) Возникла проблема с форумными ссылками. Что-то не понятное со скриптом. Пользовалась им все время, а тут что-то странное творится. Помогите. Вот скрин.
И сам код
<script type="text/javascript"> li=document.getElementsByTagName("li") f=0 while(li[++f]){ s=li[f].innerHTML if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/JBE6.png'>"+s.substring(p+15) else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/JBE7.png'>"+s.substring(p+13) else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/JBE8.png'>"+s.substring(p+21) else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/JBE9.png'>"+s.substring(p+13) else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/JBEa.png'>"+s.substring(p+8) else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://funkyimg.com/i/JBEb.png'>"+s.substring(p+13) } </script>
Поделиться85324-07-2014 18:31:16
Чёрный Властелин
спасибо большое)
Поделиться85424-07-2014 22:30:21
это опять я х)
подскажите, пожалуйста, как убрать этот бэлый х), что в этом окошке, что обрамление кнопок "отправить и т.д"
Поделиться85525-07-2014 22:34:17
Здравствуйте)
у меня две проблемы
первая: как ровно поставить текст?
вторая: у меня что-то с иконками,когда на главной он показывает новое сообщение, а заходишь в форум, ничего не показывает?
http://dizprobnik.rusff.ru/
Отредактировано kiss me (25-07-2014 22:35:40)
Поделиться85626-07-2014 10:51:47
первая: как ровно поставить текст?
/* A5.2 */
.punbb {
margin-left:65px;
position: top center;
float: none;
width:850px;
height: auto;
}
850 - контента с текстом, меняйте на свое
margin-left:65px; - двигать вправо/влево. Подбирайте оптимальное значение для вас
Поделиться85726-07-2014 13:28:10
Чёрный Властелин
я меняла значение
если он выравнивается на главное, то в текстовом сообщение все слетает
Поделиться85826-07-2014 17:39:18
kiss me
Ориентируйтесь по текстовой теме тогда. По кнопкам "Удалить Редактировать Цитировать" с правой стороны, и по профилю участника с левой.
"Зарегестрированых" и т.д. у вас будет двигаться при изменении общей ширины контента, хотя вот это может незначительно передвинуть:
#pun-stats .container { padding-right: 1.5em !important; }
Форумную навигацию и пользовательские ссылки можно настроить в /* D.3 */ и /* D4.3 */ соответственно (CS0 второго окна стиля еще к тому же)
Ну а как по-другому, все зависит от ширины вашего форума и настраивается индивидуально
Поделиться85926-07-2014 18:47:03
Чёрный Властелин
спасибо большое)
а вот это
#pun-stats .container { padding-right: 1.5em !important; }
куда вставлять, где менять?
Поделиться86026-07-2014 19:06:02
kiss me
Цвета style_cs.css
Если проще ориентироваться на пикселях, можно вместо em поставить px. Про отрицательные значения не забудьте)
Поделиться86127-07-2014 12:56:47
вторая: у меня что-то с иконками,когда на главной он показывает новое сообщение, а заходишь в форум, ничего не показывает?
та же проблема =.=
Поделиться86227-07-2014 16:18:47
say.my.name
kiss me
Я, конечно, точно не знаю, но мне кажется это связано с изменениям в mybb. Сужу даже по своему пробнику: пока были "Новые сообщения", все было как положено. Сейчас либо только на главной новые сообщения высвечиваются, либо при клике "Активные темы". Думаю, не у одних вас такой вопрос возник
Поделиться86301-08-2014 11:35:46
Здравствуйте. А можно ли как-то изменить сообщение, которое приходит пользователю после регистрации на почту?
Поделиться86401-08-2014 13:36:16
wertyЭто вопрос на форум тех.поддержки, никак не в тему вопросов по css
Вероятнее всего нет, однако уточните на ЕТП
Поделиться86501-08-2014 16:59:51
Здравствуйте, уважаемые. Вижу тут многим помогают. Мне бы тоже не помешала помощь.
Надо сдвинуть кое-что. 1, 2 и 3 надо бы к краю тела форума подвинуть.
Буду приемного благодарна.
Училась по уроку, известному тут, на Колоре, если что.
Ссылка на форум: http://11promo06.mybb.ru/
Если надо будет пароль от админки, без проблем дам.
Заранее спасибо за помощь)
Поделиться86602-08-2014 18:56:53
Доброго времени суток. У меня возникла такая проблема с тем, что части форума съезжают в сторону при меньшем разрешении монитора или сотового телефона. В чем проблема так и не смогла понять. Вот скрины присланные заказчицей.
И вот ссылка на мой тестовик http://kukladisain.mybb.ru/
Что можно сделать?
Отредактировано ультраморин (02-08-2014 18:57:28)
Поделиться86703-08-2014 06:47:43
ультраморин
Доброго
Удалите-замените. Остальное, думаю, подвинете
#pun {
margin: auto 478px;
width: 944px;!important;
position: relative;
float: top center;
padding: 0;
}/* A5.2 */
.punbb {
position: top center;
float: none;
width: 100%;
height: auto;
margin-left: 263px;
}
P.s: на досуге рекомендую почитать: первый, второй. откуда тенденция center top :/ + ошибка присутствует с этим - третий
Отредактировано Fly (03-08-2014 07:38:36)
Поделиться86803-08-2014 08:48:11
Доброго времени суток! Возникла небольшая проблема: буквы наезжают на картинку. Создается вопрос - можно ли сделать так, чтобы картинка была поверх них?
Заранее спасибо))
Поделиться86903-08-2014 08:52:14
zetsuu
Доброго
Z-index спасает мир ,)
/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
margin-top : -80px;
font-size: 14px;
font-weight: bold;
font-family: Minion Pro;
text-transform: uppercase;
z-index: 1;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #3d3d3d;
padding: 5px;
left: -1000px;
border: 1px solid white;
visibility: hidden;
color: Yellow;
text-decoration: none;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
z-index: 2;
}
Поделиться87003-08-2014 08:55:25
Fly вы просто мой герой! Благодарю вас))