Sunako
Оо) Спасибо огромное))
[Вопросы по кодам css]
Сообщений 61 страница 80 из 303
Поделиться612011-01-22 15:48:21
Поделиться622011-02-06 19:43:21
Можно скрипт спойлера??
Поделиться632011-02-06 21:29:42
magnox
у меня такой стоит:
В HTML верх
<script src="http://domovoy063.nxt.ru/jquery-1.4.2.min.js"></script>
В HTML низ
<!--Спойлер--> <style type="text/css"> #button-spoiler { background-image:url('http://forumupload.ru/uploads/000a/45/08/94-4.png'); line-height:0; background-position:center; background-repeat:no-repeat; padding:0; } </style> <script type="text/javascript"> function tag_spoiler(){ var y = prompt("Введите текст на кнопке",''); if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){ var x = prompt("Введите текст на закрывающей кнопке",''); if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('[*spoiler'+y+']','[/spoiler]'); else bbcode('[*spoiler'+y+'|'+x+']','[/spoiler]');} else bbcode('[*spoiler]','[/spoiler]') } function addSpoiler(str,from,internal){ var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open=''; if((pos=str.indexOf("[*spoiler",from))==-1) return str; if((pos2=str.indexOf("[/spoiler]"),pos+9)==-1) return str; if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){ string = str.substring(pos+9,pos_c); if((pos_l = string.indexOf("|"))!=-1){ close = string.substring(0,pos_l); open = string.substring(pos_l+1,string.length); } else{ close = string; open = string; } } else{ close = 'Открыть спойлер'; open = 'Скрыть'; } newpos=str.indexOf("[*spoiler",pos+9) if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true) if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str; str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length) if( str.indexOf("[*spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false) return str; } function makeSpoiler(txt,open,close){ txt='<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:200px;font-size:10px; margin:0;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 90%;border: 1px solid black;margin:0;">'+txt+'</blockquote></div>' return txt; } $(document).ready(function(){ $("div.quote-box > cite > input.spoiler-button").click(function(){ $(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow"); var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a); }); }); if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){ elm=document.getElementById("pun-main").getElementsByTagName("div") for(x in elm) if(elm[x].className=="post-content"){ var post=elm[x] post.innerHTML=addSpoiler(post.innerHTML,0,false) } } if(form=document.getElementById("form-buttons")) form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('[*spoiler]','[/spoiler]')\" src=\"/i/blank.gif\" />" </script>
Поделиться642011-02-07 14:51:49
Coca-Cola
Благодарю)
И ещё вопрос назрел. Как сделать так, чтобы при наведении курсора, картинка менялась. Не знаю, как ещё объяснить. (Ну например. В таблице картинки-лица Администрации. Наводишь мышку - картинка меняется) Это вот как, скажите, пожалуйста?
Поделиться652011-02-22 15:36:28
Чёрт побери, и это снова я
На этом форуме - http://harrypotterandof.mybb.ru/, не отображаются никакие графические элементы Оо Админы вроде ничего в настройках не делали, так что такое явление явилось шоком. Не подскажите, что можно сделать???
Поделиться662011-02-22 18:13:55
magnox
У меня все отображается прекрасно, если можно, сделайте скрин пожалуйста)
Поделиться672011-02-22 18:22:39
Чёрт побери, и это снова я
На этом форуме - http://harrypotterandof.mybb.ru/, не отображаются никакие графические элементы Оо Админы вроде ничего в настройках не делали, так что такое явление явилось шоком. Не подскажите, что можно сделать???
у меян всё нормально открывается. Кинь скрин как утебя он показывает
Поделиться682011-02-24 19:57:12
Heart
Sunako
Извините, уже мы разобрались) Хостинг, на котором хранились картинки, заглючил просто.
Поделиться692011-02-26 18:18:29
И ещё вопрос назрел. Как сделать так, чтобы при наведении курсора, картинка менялась. Не знаю, как ещё объяснить. (Ну например. В таблице картинки-лица Администрации. Наводишь мышку - картинка меняется) Это вот как, скажите, пожалуйста?
может кому и нужно будет
<a onmouseover="document.banner.src='1 картинка';" onmouseout="document.banner.src='2 картинка';" href="адрес форума"><img src="обычное состояние" name="banner"></a>
Первая картинка - при наведении.
Вторая - после наведения.
Третья - в обычном состоянии, пока по баннеру не провели мышью.
Отредактировано Этти (2011-02-26 18:19:24)
Поделиться702011-03-05 21:01:32
как сделать, чтобы текст растягивался как тут?
http://darkbleach.mybb.ru/
Поделиться712011-03-05 22:08:51
Этти, ммм, кажется я представляю как это сделать через CSS. Без скрипта. Завтра вечером поколдую и, если получится, объясню.)
Поделиться722011-03-05 22:26:47
lightbulb;
*О* не знал, что можно еще в CSS
спасибо вам)
Поделиться732011-03-05 23:16:50
Этти, таки получилось.) Так... Идешь в меню Стиль и в окне Цвета style_cs.css крутишь до:
/* CS3 Links
-------------------------------------------------------------*/
Там ищешь пункт:
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #000000;
border-bottom: 0px none #000;
text-decoration: none;
И после border-bottom вставляешь вот это: letter-spacing: 3px;
Кол-во пикселей можно менять. Должно получиться вот так:
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #000000;
border-bottom: 0px none #000;
letter-spacing: 3px;
text-decoration: none;
Ну и жмешь Сохранить. Попробуй.)
Поделиться742011-03-06 00:38:12
lightbulb;
получилось все! *доволен* аригато)
Поделиться752011-03-06 15:38:05
Доброго времени суток))
Вопросец назрел и не один (и давно, но что-то я искала и не нашла на него ответ).
http://hogwarts43.rolbb.ru/
как убрать разделители?
как сделать фон под шапкой такой же как и под форумами?
и как сделать, чтобы между категориями не было расстояний, а все было сплошным фоном?
спасибо за внимание
Поделиться762011-03-06 15:48:32
И еще вопрос: где нужно написать свой копирайт на форуме, чтобы он оказался, где на этом форуме внизу баннеры?))
Поделиться772011-03-11 19:11:17
Ага, а что изменЯется вот этими кодами?
/* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(http://savepic.org/1503372.png) no-repeat; } tr.inew div.icon { background: url(http://savepic.org/1505420.png) no-repeat; } tr.iclosed div.icon { background: url(http://savepic.org/1491084.png) no-repeat; } tr.isticky div.icon { background: url(http://savepic.org/1498252.png) no-repeat; } tr.iredirect div.icon { background: url(http://savepic.org/1461388.png) no-repeat; }
Поделиться782011-03-11 19:14:04
Angel-Demon
иконки новые сообщений\старые\закрытая тема\важная и статистика.
Поделиться792011-03-12 12:44:46
Sunako
Спасибо.
Поделиться802011-03-12 13:29:02
И еще вопрос: где нужно написать свой копирайт на форуме, чтобы он оказался, где на этом форуме внизу баннеры?))
просто в самый низ HTML-низ сиавишь это
<center> свой текст