24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!


Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Сообщений 841 страница 870 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

841

morgan
огромнейшее спасибо! : )

0

842

Доброго дня. Проблемка возникла на ровном месте: пустое место между шапкой и таблицей. Что-то менял в прошлом дизе, не могу вспомнить, что именно, вот так и получилось. Помогите пожалуйста х)

http://flashforward.mybb.kz/

0

843

Merlin

/* D1.2 */
    #pun-title h1 {
      display : block;
      height: 312px;
      margin: -1px 0px 0px -30px;
    }

Попробуйте поменять на другое значение. Скажем, 250 (высота вашей шапки)

Отредактировано Чёрный Властелин (23-07-2014 12:49:19)

+1

844

Чёрный Властелин
о, благодарю х)

0

845

Чёрный Властелин,
вообще к первому вопросу, проблема же не в том, какое значение задано в D1.2, а в том, что фон таблицы не проходи с верху вниз сплошняком. Это можно как-то исправить?

Отредактировано Merlin (23-07-2014 15:18:15)

0

846

Привет всем, спасайте!
а как возможно сделать такую красоту, как на этой ролевой...
картинки меняющиеся при наведении?
http://highway.rusff.ru/viewtopic.php?id=5

Отредактировано Потеряшка FM (23-07-2014 18:00:47)

0

847

ребятушка, помогите, пожалуйста
всю голову сломала, очень стыдно хд
- как разделить "Привет, "ник" и навигацию?
- как сделать фурм, участники и т.д. заглавными буквами?
- как сдвинуть название форума влево?
http://sd.uploads.ru/6UKFp.png
+ Ссылка на форум.

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

0

848

`artful
С первой проблемой вопрос у вас уже решен, кажется)

`artful написал(а):

- как сделать фурм, участники и т.д. заглавными буквами?

В /* D3.1 */ добавьте text-transform: uppercase;

`artful написал(а):

- как сдвинуть название форума влево?

в /* CS5.6 Совсем другое */
замените #pun-crumbs1 .container { text-align: center;} на #pun-crumbs1 .container { text-align: left;}

+1

849

Mori
да, потому что я удалила все коды, меняющие родовую структуру хд

Mori написал(а):

В /* D3.1 */ добавьте text-transform: uppercase;

Mori написал(а):

в /* CS5.6 Совсем другое */

спасибо большое! http://a.deviantart.net/avatars/c/h/cheerplz.gif все получилось)

0

850

Доброго времени суток.
Вопрос следующий, как можно сделать так же, как вот на этой ролевой — http://maze.f-rpg.ru/
Когда наводишь на "Занятые внешности", "Роли" и так далее в шапке появляются анимации, разные.
Именно это интересует.
Буду благодарен за помощь.

0

851

Потеряшка 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)

0

852

Добрый вечер ) Возникла проблема с форумными ссылками. Что-то не понятное со скриптом. Пользовалась им все время, а тут что-то странное творится. Помогите. Вот скрин.

http://funkyimg.com/i/JBFc.png

И сам код

Код:
<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>

0

853

Чёрный Властелин
спасибо большое)

0

854

это опять я х)

http://sf.uploads.ru/rtWL0.png

подскажите, пожалуйста, как убрать этот бэлый х), что в этом окошке, что обрамление кнопок "отправить и т.д"

0

855

Здравствуйте)
у меня две проблемы
первая: как ровно поставить текст?

Свернутый текст

http://se.uploads.ru/Zu8XB.png

вторая: у меня что-то с иконками,когда на главной он показывает новое сообщение, а заходишь в форум, ничего не показывает?
http://dizprobnik.rusff.ru/

Отредактировано kiss me (25-07-2014 22:35:40)

0

856

kiss me написал(а):

первая: как ровно поставить текст?

/* A5.2 */
.punbb {
  margin-left:65px;
  position: top center;
  float: none;
  width:850px;
  height: auto;
  }

850 - контента с текстом, меняйте на свое
margin-left:65px; - двигать вправо/влево. Подбирайте оптимальное значение для вас

0

857

Чёрный Властелин
я меняла значение
если он выравнивается на главное, то в текстовом сообщение все слетает

0

858

kiss me
Ориентируйтесь по текстовой теме тогда. По кнопкам "Удалить Редактировать Цитировать" с правой стороны, и по профилю участника с левой.
"Зарегестрированых" и т.д. у вас будет двигаться при изменении общей ширины контента, хотя вот это может незначительно передвинуть:
#pun-stats .container { padding-right: 1.5em !important; }
Форумную навигацию и пользовательские ссылки можно настроить в /* D.3 */ и /* D4.3 */ соответственно (CS0 второго окна стиля еще к тому же)
Ну а как по-другому, все зависит от ширины вашего форума и настраивается индивидуально

0

859

Чёрный Властелин
спасибо большое)
а вот это

#pun-stats .container { padding-right: 1.5em !important; }

куда вставлять, где менять?

0

860

kiss me
Цвета style_cs.css
Если проще ориентироваться на пикселях, можно вместо em поставить px. Про отрицательные значения не забудьте)

0

861

kiss me написал(а):

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

та же проблема =.=

0

862

say.my.name
kiss me
Я, конечно, точно не знаю, но мне кажется это связано с изменениям в mybb. Сужу даже по своему пробнику: пока были "Новые сообщения", все было как положено. Сейчас либо только на главной новые сообщения высвечиваются, либо при клике "Активные темы". Думаю, не у одних вас такой вопрос возник

0

863

Здравствуйте. А можно ли как-то изменить сообщение, которое приходит пользователю после регистрации на почту?

0

864

werty
Это вопрос на форум тех.поддержки, никак не в тему вопросов по css
Вероятнее всего нет, однако уточните на ЕТП

0

865

Здравствуйте, уважаемые. Вижу тут многим помогают. Мне бы тоже не помешала помощь.

Надо сдвинуть кое-что. 1, 2 и 3 надо бы к краю тела форума подвинуть.
Буду приемного благодарна.
Училась по уроку, известному тут, на Колоре, если что.
Ссылка на форум: http://11promo06.mybb.ru/
Если надо будет пароль от админки, без проблем дам.
Заранее спасибо за помощь)
http://se.uploads.ru/t/hH1PC.jpg
http://se.uploads.ru/t/gaOAs.jpg

0

866

Доброго времени суток. У меня возникла такая проблема с тем, что части форума съезжают в сторону при меньшем разрешении монитора или сотового телефона. В чем проблема так и не смогла понять. Вот скрины присланные заказчицей.
http://savepic.ru/5439568m.png

http://savepic.ru/5446736.png

И вот ссылка на мой тестовик http://kukladisain.mybb.ru/

Что можно сделать?

Отредактировано ультраморин (02-08-2014 18:57:28)

0

867

ультраморин
Доброго
Удалите-замените. Остальное, думаю, подвинете

#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)

0

868

Доброго времени суток! Возникла небольшая проблема: буквы наезжают на картинку. Создается вопрос - можно ли сделать так, чтобы картинка была поверх них?

скрин

http://sf.uploads.ru/vFlAt.png

ссылка

ролка

Заранее спасибо))

0

869

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;
}

+1

870

Fly вы просто мой герой! Благодарю вас))

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!