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

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


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)


Вопросы по CSS (& HTML)

Сообщений 1 страница 30 из 1000

1

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

0

2

Доброго времени суток, у меня какая-то бяка с формой ответа, а точнее проблема со шрифтом.
http://uploads.ru/o3ir5.jpg
http://yourkingdom.mybb.ru/

0

3

не могу показать, ибо на моем мониторе все нормально, но вот владельцы широкоформатных жалуются, что на форуме "уезжают" то вправо, то влево меню навигации "Форум, Участники... и т.д."
подскажите, есть ли какой-нибудь универсальный центрирующий код? потому что у меня стоит отступ от левого края ><

0

4

подскажите пожалуйста, как вы сделали так профиль в шапке? у меня где-то был скрипт, но не помню где т.т
спасибо)

0

5

а еще подскажите пожалуйста как спойтер в профиль сделать)

0

6

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

не могу показать, ибо на моем мониторе все нормально, но вот владельцы широкоформатных жалуются, что на форуме "уезжают" то вправо, то влево меню навигации "Форум, Участники... и т.д."
подскажите, есть ли какой-нибудь универсальный центрирующий код? потому что у меня стоит отступ от левого края ><

Здравствуйте. Чтобы центрировать меню навигации, поставьте
position: center;

аристократка написал(а):

подскажите пожалуйста, как вы сделали так профиль в шапке? у меня где-то был скрипт, но не помню где т.т
спасибо)

Код:
<div style="position: absolute; width: 60px; height: 60px; top: 74px; left: 557px;">
      <table id="ava-status" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td id="ava-status">
              <img src="/img/avatars/000c/77/06/1645-1334328829.png">
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <style>table#avst {
position: absolute;
top: 183px;
right: 295px;
height: 60px;
width: 60px;
max-height: 60px !important;
max-width: 60px;
vertical-align: middle;
overflow: hidden;
}

td#ava-status {
background: url() repeat;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
padding-top: 5px;
height: 55px;
width: 60px;
text-align: center;
overflow: hidden;
}

td#ava-status img {
max-width: 50px !important;
max-height: 50px !important;
}</style>
    <script type="text/javascript">
var img = document.createElement('img');
var UserAvatar = UserAvatar;
if( ! UserAvatar )
	img.src = 'аватар по-умолчанию для тех, у кого его нету';
else
	img.src = UserAvatar;

$("td#ava-status").html(img);
</script>
аристократка написал(а):

а еще подскажите пожалуйста как спойтер в профиль сделать)

Вот пример с 4 вкладками для профиля:

Код:
<!--- Профиль с вкладками --->
<script>
function HideInfo(id,but){
if(but.value=="1"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if ((fil[fi].className=="pa-reputation") || (fil[fi].className=="pa-posts") || (fil[fi].className=="pa-reg") || (fil[fi].className=="pa-time-visit") || (fil[fi].className=="pa-ip"))
{fil[fi].style.display = "none";}
if ((fil[fi].className!=".pa-reputation") && (fil[fi].className!="pa-posts") && (fil[fi].className!="pa-reg") && (fil[fi].className!="pa-time-visit") && (fil[fi].className!="pa-ip"))
{fil[fi].style.display = "block";}
}
}
if(but.value=="2"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld1") 
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld1")
{fil[fi].style.display = "block";}
}
}
if(but.value=="3"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if  ((fil[fi].className=="pa-fld2") || (fil[fi].className=="pa-fld3"))
{fil[fi].style.display = "none";}
if  ((fil[fi].className=="pa-fld2") && (fil[fi].className=="pa-fld3")
{fil[fi].style.display = "block";}
}
}
if(but.value=="4"){
var fil=document.getElementById(id).getElementsByTagName("li")
var fi=0
for (fi=0; fi<=(fil.length-1); fi++)
{if (fil[fi].className!="pa-fld4")
{fil[fi].style.display = "none";}
if (fil[fi].className=="pa-fld4") 
{fil[fi].style.display = "block";}
}
}
  return false}
d = document.getElementsByTagName("div")
for (i=0;d[i]; i++){
if (d[i].className.indexOf("post-author")!=-1){t = d[i].innerHTML
   if((j = t.toLowerCase().indexOf("<li class=pa-from>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-from\">"))!=-1 || (j = t.toLowerCase().indexOf("<li class=pa-reg>"))!=-1 || (j = t.toLowerCase().indexOf("<li class=\"pa-reg\">"))!=-1)
    d[i].innerHTML = t.substring(0,j)+"<center><input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='1' id='bu1' title='О игроке'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='2' id='bu2' title='О персонаже'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='3' id='bu3' title='Подарки от игроков'>&nbsp;<input type='Submit' onClick=\"return HideInfo('info"+i+"',this)\" value='4' id='bu4' title='Награды'></center><div id='info"+i+"'>"+t.substring(j,t.length)+"</div>"}}
</script>

<script type="text/javascript">
$(".post .post-author ul").each(function(){
$(this).find("center:first").insertBefore($(this).find("li.pa-respect"))
});
</script>
<!--- Конец Профиль с вкладками --->

И в стиль:

Код:
.pa-fld1, .pa-fld2,  .pa-fld4, .pa-reputation, .pa-posts, .pa-reg, .pa-ip, .pa-time-visit  {display: none}
#bu1 {background-image: url(картинка 1); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu1:hover {background-image: url(картинка 1);}
#bu2 {background-image: url(картинка 2); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu2:hover {background-image: url(картинка 2);}
#bu3 {background-image: url(картинка 3); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu3:hover {background-image: url(картинка 3);}
#bu4 {background-image: url(картинка 4); height: 30px; width: 30px; background-color: transparent; border: none; color: transparent}
#bu4:hover {background-image: url(картинка 4);}

+2

7

xMileyFeverx
спасибо :3
то есть вот это с профилем можно вставлять куда угодно, даже в объявление?)

0

8

аристократка
Да)

0

9

подскажите пжл скрипт чтобы при наведении на картинку амс всплывала картинка с описанием, как тут
http://letmedie.rusff.ru/

0

10

Еще вопрос:
http://gossipgirl122.rusff.ru как сделать так, чтоб шапки вернулись на места? (использован скрипт по изменению при перезагрузки шапок, хтмл вверх)
и как поступить с футером? он не двигается никуда Оо и вот эта часть от тела остается Оо

0

11

аристократка написал(а):

и как поступить с футером? он не двигается никуда Оо и вот эта часть от тела остается Оо

div#html-footer {margin: -170px 0px 0px 0px;} - убрать совсем

#pun-about p.container {background-image: url(http://s3.uploads.ru/73FUj.gif); background-position: top center; background-repeat: no-repeat; height: 173px; width: 950px;
margin-left: -27px;
background-position : center top;
background-repeat : no-repeat;
margin-bottom: -33px;}

+1

12

Мося
спасибо :3

а не знаете что делать с шапкой случайно? т.т

0

13

аристократка
Неа, у меня так и не вышло ее подвинуть (
может еще кто знает.

0

14

как сделать шире столбцы таблицы?
http://citytemptation.rusff.ru/

0

15

collapse™
которая в объявлении?

0

16

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

0

17

gretel

Код:
#pun-navlinks li#navawards {
display: none;
}

+1

18

Пользователи жалуются, что стрелочки"вверх-вниз"  в Мозилле тормозят. То есть не сразу наверх переносят, а скачками. Тестили на других форумах. Чем больше категорий форума - тем медленнее.

http://vtmb.mybb.ru

0

19

moral rat
Пусть проверят конфигурацию браузера. Мозилла поддерживает все стандарты, и если что-то в ней медленно работает, значит что-то не так работает. Сижу под Мозиллой всегда, на любых форумах стрелки работают моментально (включая кф). Не лишним будет почистить браузера и пробежаться по ОС - если система нагружена, тогда неудивительно, что браузер тормозит. Грузится с зависанием может так-же и от медленного интернет-соединения.

0

20

0

21

moral rat
Работает сразу после полной загрузки страницы. Заменить код стрелок на этот:

Код:
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="" alt="Вниз страницы">
  </a>
</div>

+1

22

xMileyFeverx
Всё, спасибо большое

0

23

потеряла код слайдера на всю ширину форума. скиньте кому не трудно.

0

24

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

Здравствуйте. Чтобы центрировать меню навигации, поставьте
position: center;

спасибо, но, простите за очевидную блондинистость - куда это ставить? у меня в этом коде как таковая position: отсутствует оО"

0

25

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

position: center;

Это что-то новенькое в CSS. CSS: position.

fullinsomniac
Центрирование блоков стандартно задается свойством margin: auto. При этом все дополнительные отступы типа margin-left, margin-right надо убрать.

+1

26

Добрый день. У меня проблема с иконками.
(извините что превью с радикала у меня на работе другой хостинг не грузит благодаря сисадмину)  http://i051.radikal.ru/1302/60/8e7a1b7efd2dt.jpg

Ссылка на форум - http://ladyworld.forumbb.ru/

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

Может быть что то не так в скрипте?

Код:
/* CS4 Post status icons
 -------------------------------------------------------------*/
div.icon {border-color: transparent;}
tr.iredirect div.icon {border-color: transparent;}
div.inew {border-color: transparent;}

    .punbb Div.icon {background-image: url("https://forumstatic.ru/files/0012/87/d1/23133.png");
      float: left;
      background-repeat: no-repeat;
      width: 85px;
      height: 90px;}

    TR.inew Div.icon {background-image: url("http://s018.radikal.ru/i528/1302/99/9e1d00b6143d.png");
      float: left;
      background-repeat: no-repeat;
      width: 85px;
      height: 90px;}

    TR.isticky Div.icon {background-image : url("https://forumstatic.ru/files/0012/87/d1/83523.png");
      float: left;
      background-repeat: no-repeat;
      width: 85px;
      height: 90px;}

    TR.iclosed Div.icon {background-image : url("https://forumstatic.ru/files/0012/87/d1/88066.png");
      float: left;
      background-repeat: no-repeat;
      width: 85px;
      height: 90px;}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 90px; top: 10px;}

#pun-announcement h2 {display: none;}

#pun-announcement .container 
{
padding-top: 1em;}

0

27

Elionore
Файл style.cs. уберите зачеркнутое

.punbb div.icon {
float: left;
display: block;
width: 142px;
height: 70px;
padding-top: 1px;
margin-top: 1px;
margin-right: 5px;
}

Отредактировано dolen (12-02-2013 09:25:45)

0

28

Здравствуйте.)
Не могли бы мне объяснить в чем заключается моя ошибка. Поставила дизайн, а получила абсолютно белый форум (ставила на три форума, для проверки. Неа, не на одном не работает)
http://uglydream.rolka.su/
http://expa.rolka.su/
http://hoga.rolka.su/

0

29

Despari
какой именно дизайн то был поставлен? И вы его сами сделали, на вашем тестовике работает?

0

30

Despari
это может быть из-за излишних или недостающих *** перед A - SETUP

попробуйте все свои заменить на
/*************************************************************
A - SETUP
**************************************************************/

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)