Все ваши вопросы относительно внешнего вида форума.
Не забываем постить ссылку на проблему!
Вопросы по CSS (& HTML)
Сообщений 451 страница 480 из 1000
Поделиться105-02-2013 07:39:37
Поделиться45129-04-2013 02:44:21
Mila Smith
У вас профилактика стоит, не могу зайти
Поделиться45229-04-2013 02:48:34
Убрала профилактику
Поделиться45329-04-2013 03:08:19
Что-то я не вижу ни ссылок, ни картинок в посте, но у вас сбиты интервалы и вылезла нижняя прокрутка. В кодах явно много ошибок.
Я вам советую взять структуру стилей отсюда (второй блок спойлера, там и верхнее окно стиля и нижнее)
Делаем свой дизайн
и проставить ссылки и цвета вашего дизайна в нее, не удаляя ничего лишнего и особенно сохранив все margin и padding, как они есть.
И уберите набирающееся название форума, находиться на странице дольше 10 секунд не возможно физически.
Отредактировано Мося (29-04-2013 03:08:59)
Поделиться45429-04-2013 03:20:30
И уберите набирающееся название форума, находиться на странице дольше 10 секунд не возможно физически.
Почему невозможно находиться?
Поделиться45529-04-2013 06:41:08
Ребятушки моя родные, хэлпните поалуйста
потеряла код прокручивающейся таблицы(( без него как без рук
как тут вот
http://casusbelli.rusff.ru/
дам море любви и жвачку 
Поделиться45629-04-2013 07:49:33
Чёртова Фея
<style>#slideshow {
margin:0 auto;
width:370px;
height: 100px;
position:relative;
line-height: 10px;
}
#slideshow #slidesContainer {
margin:0 auto;
width:300px;
height: 100px;
overflow:auto; /* allow scrollbar */
position:relative;
}
#slideshow #slidesContainer .slide {
margin:0 auto;
width:300px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
height:100px;
}
/**
* Slideshow controls style rules.
*/
.control {
display:block;
width: 100px;
height: 163px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
}
#leftControl {
top: 45px;
left: 20px;
background:transparent url(http://10pix.ru/img1/242918/5352879.png) no-repeat 0 0;
}
#rightControl {
top: 45px;
right: -70px;
background:transparent url(http://10pix.ru/img1/1215/5352880.png) no-repeat 0 0;
}
/*Style rules for Demo page */
* {
margin:0;
padding:0;
}
.slide h2, .slide p {
margin:15px;
}
.slide h2 {
letter-spacing:-1px;
}
.slide img {
float:right;
margin:0 15px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 300;
var slides = $('.slide');
var numberOfSlides = slides.length;
// Remove scrollbar in JS
$('#slidesContainer').css('overflow', 'hidden');
// Wrap all .slides with #slideInner div
slides
.wrapAll('<div id="slideInner"></div>')
// Float left to display horizontally, readjust .slides width
.css({
'float' : 'right',
'width' : slideWidth
});
// Set #slideInner width equal to total width of all slides
$('#slideInner').css('width', slideWidth * numberOfSlides);
// Insert controls in the DOM
$('#slideshow')
.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
.append('<span class="control" id="rightControl">Clicking moves right</span>');
// Hide left arrow control on first load
manageControls(currentPosition);
// Create event listeners for .controls clicks
$('.control')
.bind('click', function(){
// Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
// Hide / show controls
manageControls(currentPosition);
// Move slideInner using margin-left
$('#slideInner').animate({
'marginLeft' : slideWidth*(-currentPosition)
});
});
// manageControls: Hides and Shows controls depending on currentPosition
function manageControls(position){
// Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
}
});
</script>
<div style="width: 300px; height:100px; text-align: justify; border: none; font-family: arial; font-size: 11px; line-height: 2px; margin: 1px; position: absolute; margin-left: 50px; top: 40px; ">
<div id="pageContainer">
<!-- Slideshow HTML -->
<div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<p> Третий контейнер </p>
</div>
<div class="slide">
<p> Второй контейнер </p>
</div>
<div class="slide">
<p> Первый контейнер </p>
</div>
</div>
</div>
<!-- Slideshow HTML -->
</div></div>Поделиться45729-04-2013 14:21:25
Почему невозможно находиться?
Потому что безостановочное движение очень бьет по зрению и глазам, а форум на котором предполагается находиться длительное время должен быть в зрительном плане комфортным. Да и какой прок от бегущего названия, если так его даже прочитать сложно?
Поделиться45801-05-2013 20:58:55
Подскажите, как можно убрать графы "количество тем/сообщений", а на их место поставить навигацию, как на этом форуме:
http://amour.f-rpg.ru/
Поделиться45902-05-2013 12:26:00
Loerian
<script>
//Основное
$('.punbb .category thead .tcl').after('<th class=tcnav scope=col>Навигация</th>');
$('.punbb .category tbody .tcl').after('<td class=tcnav><ul></ul></td>');
function AddNav(selektor,kontent){ $(selektor).html(kontent);};
//Список категорий
AddNav("#forum_f6 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=97>Вопрос-ответ</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=4>Гостевая</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=74>Баги</a></li>");
AddNav("#forum_f10 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=76>Наша реклама</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=77>Баннерообмен</a></li>");
AddNav("#forum_f11 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=79>Заявки</a></li>");
AddNav("#forum_f12 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=11>Шаблон анкеты</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=9>Пробный пост. Экзамен</a></li>");
AddNav("#forum_f13 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=92>Список игроков</a></li>");
AddNav("#forum_f39 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=5>Правила игры</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=87>Сюжет</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=98>Устав школы</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=91>Клубы</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=100>География и карты</a></li>");
AddNav("#forum_f49 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=67>Объявления</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=75>Отсутствие или уход</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=68>Заполнение профиля</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=96>Занятые внешности</a></li>");
AddNav("#forum_f50 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=94>Флуд и флейм</a></li>");
AddNav("#forum_f52 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=95>Восстановление анкет</a></li>");
AddNav("#forum_f54 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=83>#1 Notre tout</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=84>#2 Jeune Garde</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=114>#3 Donnant des connaissances</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=115>#4 Attendez-moi</a></li>");
AddNav("#forum_f55 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=89>Шаблон</a></li>");
AddNav("#forum_f58 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=90>Шаблон</a></li>");
AddNav("#forum_f63 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=93>Организация квестов</a></li>");
</script>#forum_f58 - номер подфорума.
И убираем число тем из навигации:
<style>
#pun .tc2{
font-size: 0;
}
</style>Если нужно убрать и число сообщений, тогда:
<style>
.punbb .main .tc3 {
display: none; }
</style>Поделиться46002-05-2013 17:53:59
apl.de.ap
Большое спасибо, вы меня очень выручили))
Поделиться46104-05-2013 18:41:07
Здравствуйте! Подскажите, пожалуйста, как вернуть эти надписи на место:
http://funkyimg.com/u2/4489/090/868969C7BtLo.jpg
Отредактировано Lampyridae (27-10-2013 08:59:55)
Поделиться46204-05-2013 19:20:03
А есть код для того чтоб на форуме создавать тесты?
Если есть то скиньте кодик.
Жду.Зарание спасибо

Поделиться46304-05-2013 20:03:23
Lampyridae
С пиара в сообщения попасть нельзя, так-что наверняка сказать не могу.
Ю-л-я -м-а(((
Нет, такого скрипта нету.
Поделиться46405-05-2013 07:01:59
apl.de.ap
открыл доступ в лс
Поделиться46505-05-2013 13:40:16
дайте простой (и старый) скрипт для категорий, чтобы они были картинками.
Отредактировано `serena (05-05-2013 15:27:21)
Поделиться46705-05-2013 15:47:10
Lampyridae
<style>
#pun-main h2 {
border: medium none;
text-align: left;
</style>Поделиться46807-05-2013 08:47:23
А подскажите код как вы сделали смайлики в поле справа от текста
Поделиться46908-05-2013 18:01:05
Думаю так.
Второе окно стиля:
.input #main-reply{width:70%; display: inline; margin-left: 7px; 173px;}
.smiles
{
width: 190px;
margin-top: -199px !important;
height: 200px;
overflow-x: auto;
overflow-y: auto;
background-color: #0cf50c;
color: #442d25;
background-image: url("http://s2.uploads.ru/MoS4W.png");
border-top-width: 1px;
border-right-width-value: 1px;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-top-style: solid;
border-right-style-value: solid;
border-bottom-style: solid;
border-left-style-value: solid;
border-top-color: #061317;
border-right-color-value: #061317;
border-bottom-color: #061317;
border-left-color-value: #061317;
}форма ответа, строки под ссылку на смайл по аналогии добавлять
<div class="smiles" style="margin-top: -220px; margin-left: 590px;>
<img src="http://colormate.ru/wp-content/uploads/2011/03/clover.gif" alt="Колобок-смайл" onclick="smile('[img]http://colormate.ru/wp-content/uploads/2011/03/clover.gif[/img]')" />
<img src="http://uploads.ru/i/m/s/z/msz46.gif" alt="Клеверочек" onclick="smile('[img]http://uploads.ru/i/m/s/z/msz46.gif[/img]')" />
<img src="http://s2.uploads.ru/1sw0l.png" alt="Клеверочек" onclick="smile('[img]http://s2.uploads.ru/1sw0l.png[/img]')" />
</div>Поделиться47008-05-2013 18:08:53
Мося
спс
Поделиться47108-05-2013 18:09:38
всем добра, граждане!
такой вопрос. Долго я ходила с этим, но, под конец, таки достало .-.
как убрать этот пробел между статусом и плеером, я так понимаю, что это где-то в коде, ибо куда бы не двигала само поле для плеера, эффект будет тот жэ оо
ссылка на тест, собснаа ее уже и нет, продолжаем тайную подготовку к ащаща проекту хд
заранее спасибо 
Отредактировано jolly roger (08-05-2013 20:19:36)
Поделиться47208-05-2013 18:38:17
Мося
Этот скрипт всесто одного добавлет два смайла
Поделиться47308-05-2013 19:20:40
jolly roger
.pa-fld2 {
font-size: 0px;
margin-top: -9px;
margin-bottom: -6px;}
Красным - номер дополнительного поля.
Поделиться47408-05-2013 20:18:43
apl.de.ap
огромнейшее спасибо, все получилось 
Поделиться47508-05-2013 20:39:50
Ю-л-я -м-а(((
он добавит столько смайлов, сколько вы в него пропишите
Поделиться47609-05-2013 01:28:22
Здравствуйте!
Как изменить расстояние между профилем и сообщением в посте?
помогите пожалуйста)
Отредактировано Mila Smith (10-05-2013 13:13:05)
Поделиться47709-05-2013 06:06:58
Mila Smith
Покажите скриншотом и ссылку на форум.
Поделиться47810-05-2013 12:38:51
Здравствуйте) Я спросила дизайнера. а он меня послал сюда, ну да ладно) Хотела бы у вас спросить по поводу личого сообщеия, а имено уведомления. Я взяла его на колорфоруме, поставила к себе на ролку, а он не работает, что делать?
Поделиться47910-05-2013 13:14:09
как изменить цвет ссылок на форуме?
Поделиться48011-05-2013 02:24:01
Я взяла его на колорфоруме, поставила к себе на ролку, а он не работает, что делать?
Показывать форум и код скрипта =)
Mila Smith
Раздел О ссылках
Делаем свой дизайн
Второе окно стиля, блок CS3 Links


Эпиграф в стиле tumblr (перевод windymind)























