Общие вопросы по оформлению (47)
Сообщений 401 страница 420 из 1000
Поделиться402Чт, 28 Мар 2013 10:56:14
помоги воткнуть таблицу (которая сейчас внизу) между блоками статистики и блоком рекламы внизу. То есть там где белая полоса.
Воткни впритык за таблицей
<script id=chang>$("#chang").prev('table').appendTo('.category:last .container');$("#chang")[0].id=''</script>
Поделиться403Чт, 28 Мар 2013 10:57:36
a phony;
Не ясна диспозиция - полный скриншот и ссылку на страницу, где он снят
Поделиться405Чт, 28 Мар 2013 11:11:53
Нужна помощь форум : http://tank.rolevaya.ru/
Ну полосу расширять не айс, а поставить тот жа фон у пользовательских ссылок и пристыковать
<style>
#pun-ulinks .container{
border:0 none!important;
background: #000;
margin-top:-4px;
}
</style>
Полоски категорий, если все идентичные меняем так:
<style>
#pun-stats h2, .category h2 {
background: url(Cсылка на картинку) #3061a6 no-repeat center;
height: 14px;
}
</style>
Поделиться406Чт, 28 Мар 2013 11:33:50
a phony;
Ни наю , Вам проще новый стиль взять, нежели разбираться в наворотах,
Пройдитесь по каталогу http://forumdts.org/viewforum.php?id=97 или возьмите ближайший подходящий стандартный
В принципе идея отодвинуть текст края бордюрами не нова, но она у Вас вызовет еще правки в #pun-title
чо нидь в конец первого Окна
#pun {
max-width: 763px;
outline:54px #000 solid;
}
Отредактировано Deff (Чт, 28 Мар 2013 11:34:11)
Поделиться407Чт, 28 Мар 2013 11:41:39
Здравствуйте, спасибо, я не сильна в терминологии css, но попробую сейчас разобраться, где эти параметры находятся.
Для планшетов и нетбуков пробуйте максимум фонов ставить на #pun и .punbb,
сейчас возможна установка нескольких фоновых картинок на один элемент
И сразу второй вопрос:
Ставлю скрипт звезд в профиль:
http://satira.mybb.ru/viewtopic.php?id=37&p=5#p1770
Пока у меня так, а надо вот так:
http://hopeless.rolevaya.ru/viewtopic.p … =2#p111626
То есть, чтобы звезды не плюсовались, а показывалась одна верхняя картинка.
<style> /* Звёздочки в профиль Автора в посте за Определенное кол-во сообщений */ li.pa-zwezda { position:relative; width:200px!important; /* Ширина поля для звёздачек */ white-space:pre-wrap; z-index:100; margin-top:-5px; margin-bottom:-0px; margin-left: 3px; color:red; } li.pa-zwezda img{ width:160px; /*ширина звезды*/ height:15px; /*высота звезды*/ } </style> <script type="text/javascript"> var MyZwzd=[ "http://s1.uploads.ru/i/2DY0L.png",1000, "http://s1.uploads.ru/i/HLKUk.png",5000, "http://s1.uploads.ru/i/yqt5T.png",10000, "http://s2.uploads.ru/kicN9.png",35000, "http://s2.uploads.ru/doXyt.png",5000, "http://s3.uploads.ru/vV9hH.png",100000, "End"]; $(".post-author .pa-posts").each(function () { var zw=0;zw=$(this).html().replace('Сообщений: ','');zw=Math.floor(zw),ZWleng=MyZwzd.length-2;//alert(MyZwzd[1]) if(zw>=MyZwzd[1]){var L1=[],L2=[],a=false;for(i=0; i<ZWleng; i+=2){j=ZWleng-i; L1[i/2]=Math.floor(zw/MyZwzd[j]);if(L1[i/2]>0){a=true};L2[i/2]=MyZwzd[j-1];zw=zw-MyZwzd[j]*L1[i/2];} if(a){$(this).parent("ul").children(".pa-title").after('<li class="pa-zwezda"></li>'); for (var i=0; i<L1.length; i++){if(L1[i]>0){var zwzdaImg='<img src="'+L2[i]+'" title="За '+MyZwzd[ZWleng-i*2]+' cообщений!"/>'; for (var x=0; x<L1[i]; x++){$(this).parent("ul").children(".pa-zwezda").append(zwzdaImg);}}}}};}); </script>
Поделиться408Чт, 28 Мар 2013 12:09:07
Zaraza28
<style> /* Звёздочки в профиль Автора в посте за Определенное кол-во сообщений */ li.pa-zwezda { position:relative; width:200px!important; /* Ширина поля для звёздачек */ white-space:pre-wrap; z-index:100; margin-top:-5px; margin-bottom:-0px; margin-left: 3px; color:red; } li.pa-zwezda img{ width:160px; /*ширина звезды*/ height:15px; /*высота звезды*/ } </style> <script type="text/javascript"> var MyZwzd=[ "http://s1.uploads.ru/i/2DY0L.png",1000, "http://s1.uploads.ru/i/HLKUk.png",5000, "http://s1.uploads.ru/i/yqt5T.png",10000, "http://s2.uploads.ru/kicN9.png",35000, "http://s2.uploads.ru/doXyt.png",5000, "http://s3.uploads.ru/vV9hH.png",100000, "End"]; $(".post-author .pa-posts").each(function () { var zw=0;zw=$(this).html().replace('Сообщений: ','');zw=Math.floor(zw),ZWleng=MyZwzd.length-2;//alert(MyZwzd[1]) if(zw>=MyZwzd[1]){var L1=[],L2=[],a=false;for(i=0; i<ZWleng; i+=2){j=ZWleng-i; L1[i/2]=Math.floor(zw/MyZwzd[j]);if(L1[i/2]>0){a=true};L2[i/2]=MyZwzd[j-1];zw=zw-MyZwzd[j]*L1[i/2];} if(a){$(this).parent("ul").children(".pa-title").after('<li class="pa-zwezda"></li>'); for (var i=0; i<L1.length; i++){if(L1[i]>0){var zwzdaImg='<img src="'+L2[i]+'" title="За '+MyZwzd[ZWleng-i*2]+' cообщений!"/>'; for (var x=0; x<L1[i]; x++){$(this).parent("ul").children(".pa-zwezda").append(zwzdaImg);return true}}}}};}); </script>
Отредактировано Deff (Чт, 28 Мар 2013 12:30:51)
Поделиться409Чт, 28 Мар 2013 12:17:01
Deff
Вы чудесны!
И по поводу все того же фона для нетбуков и планшетов. Так как проблема не у меня, а у пользователей (там были разные скрины разных людей), мне прежде чем приступить к разбору кода, нужно узнать у них ширину их экранов, верно?
Поделиться410Чт, 28 Мар 2013 12:24:03
нужно узнать у них ширину их экранов, верно?
При установке на #pun и .punbb, не обязательно, поскольку для полотна форума на планшетах будет горизонтальная прокрутка(если форум не резиновый, а если резиновый то и фоновые должны быть под него)
Поделиться411Чт, 28 Мар 2013 12:24:55
Deff
Заменила звезды на свои, поставила код, и все равно размножаются, будь они неладны:
http://satira.mybb.ru/viewtopic.php?id=37&p=5#p1763
<style> /* Звёздочки в профиль Автора в посте за Определенное кол-во сообщений */ li.pa-zwezda { position:relative; width:160px!important; /* Ширина поля для звёздачек */ white-space:pre-wrap; z-index:100; margin-top:-5px; margin-bottom:-0px; margin-left:30px; color:red; } li.pa-zwezda img{ width:110px; /*ширина звезды*/ height:18px; /*высота звезды*/ } </style> <script type="text/javascript"> var MyZwzd=[ "http://uploads.ru/i/H/j/Q/HjQyb.png",1000, "http://uploads.ru/i/R/U/K/RUKXc.png",5000, "http://uploads.ru/i/8/T/R/8TRDv.png",10000, "http://uploads.ru/i/F/q/x/Fqxwb.png",35000, "http://uploads.ru/i/F/q/x/Fqxwb.png",50000, "http://uploads.ru/i/c/d/P/cdPpq.png",100000, "End"]; $(".post-author .pa-posts").each(function () { var zw=0;zw=$(this).html().replace('Сообщений: ','');zw=Math.floor(zw),ZWleng=MyZwzd.length-2;//alert(MyZwzd[1]) if(zw>=MyZwzd[1]){var L1=[],L2=[],a=false;for(i=0; i<ZWleng; i+=2){j=ZWleng-i; L1[i/2]=Math.floor(zw/MyZwzd[j]);if(L1[i/2]>0){a=true};L2[i/2]=MyZwzd[j-1];zw=zw-MyZwzd[j]*L1[i/2];} if(a){$(this).parent("ul").children(".pa-title").after('<li class="pa-zwezda"></li>'); for (var i=0; i<L1.length; i++){if(L1[i]>0){var zwzdaImg='<img src="'+L2[i]+'" title="За '+MyZwzd[ZWleng-i*2]+' cообщений!"/>'; for (var x=0; x<L1[i]; x++){$(this).parent("ul").children(".pa-zwezda").append(zwzdaImg);break}}}}};}); </script>
Какой параметр в коде за это отвечает?
Поделиться412Чт, 28 Мар 2013 12:28:55
При установке на #pun и .punbb, не обязательно, поскольку для полотна форума на планшетах будет горизонтальная прокрутка(если форум не резиновый, а если резиновый то и фоновые должны быть под него)
Тогда пока у меня в scc от фона такой блог:
/* CS1.2 Боди или фон форума */ body {background-image : url(); background-color: #fbfac6; background-position: top center; background-repeat: repeat; }
То есть фон залит цветом.
Открываем пост 17: Рамки и еще кое-что
Там вижу, что собирается рамка-бордюр, что делать дальше я не вкуриваю.
Можно чуть более пошагово для чайников?)
Поделиться413Чт, 28 Мар 2013 12:31:15
Заменила звезды на свои, постав
Поправил
Поделиться414Чт, 28 Мар 2013 12:33:13
Там вижу, что собирается рамка-бордюр, что делать дальше я не вкуриваю. Можно чуть более пошагово для чайников?)
#pun{
background:url(Шапка) 0 top no-repeat,url(низ) 0 bottom no-repeat,url(размножаемое по вертикали) 0 0 repeat-y;
}
Поделиться415Чт, 28 Мар 2013 12:34:33
размножаемое по вертикали
Это маленькая картинка цвета фона я так понимаю? Спасибо, буду пробовать)
Поделиться416Чт, 28 Мар 2013 12:39:23
Zaraza28
Можно все кроме фонового цвета - поставить на #pun
Просто из-за шапки - чуть вырастет ширина #pun- но сильно её тож не стоит размахивать, ибо на планшетах тады будет виден край шапки - а до форума еще надо докрутить
а саму ширину форума устанавливаем в .punbb
Отредактировано Deff (Чт, 28 Мар 2013 12:40:25)
Поделиться417Чт, 28 Мар 2013 12:49:19
Deff
Звезды кстати установились)
Таким образом на #pun
#pun{
background:url(Шапка) 0 top no-repeat,url(низ) 0 bottom no-repeat,url(размножаемое по вертикали) 0 0 repeat-y;
}
.punbb {
width:1026px;
}
Этот кусок в css не трогать?
body {background-image : url(); background-color: #fbfac6; background-position: top center; background-repeat: repeat; } - это фон. Шапка и замыкание там тоже прописаны, но я так понимаю, что сейчас отдельно для нетбука прописываем?
Поделиться418Чт, 28 Мар 2013 12:54:30
Эх... Наверное, я уже надоел со своими вопросами))) Но у меня проблема, съезжает низ форума:
Ссылка на форум здесь
Заранее благодарю!
Поделиться419Чт, 28 Мар 2013 12:59:40
Этот кусок в css не трогать? body {background-image : url(); background-color: #fbfac6; background-position: top center; background-repeat: repeat; } - это фон. Шапка и замыкание там тоже прописаны, но я так понимаю, что сейчас отдельно для нетбука прописываем?
На body - лучше оставить ток цвет, если вы не хотите чтобы фоны сдвигались,
а шапку и низ сократить до чуть шире форума и все поставить на #pun
Поделиться420Чт, 28 Мар 2013 13:01:03
Прописала так:
/* CS0 Для планшетов*/
#pun{
background:url(http://s3.uploads.ru/A0x1r.jpg) 0 top no-repeat,url(http://s2.uploads.ru/YCaDN.png) 0 bottom no-repeat,url(http://s2.uploads.ru/aTtUZ.jpg) 0 0 repeat-y;
}
.punbb {
width:1026px;
}
http://satira.mybb.ru/
Правда проверить с планшетов не могу и даже примерно хз какая там у них ширина, на нетбуке вроде 1026 была у меня.