Все ваши вопросы относительно внешнего вида форума.
Не забываем постить ссылку на проблему!
Вопросы по 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