MariZZa
Большое спасибо)
Вопросы по "Оформлению" - 2
Сообщений 821 страница 840 из 1000
Поделиться82119 Июл 2010 17:46:43
Поделиться82221 Июл 2010 02:18:50
можете мне помочь в создании такого кода??
очень вас прошу))
Поделиться82321 Июл 2010 02:24:27
all
Это называется таблица. Картинка - фон, таблицы с текстом - ячейки.
Если не можете найти что-то, обращайтесь, но таблицу у нас делают в столе заказов.
Поделиться82421 Июл 2010 02:39:11
Lisae
тогда мне нужно идти в стол заказов таблиц да???
Поделиться82521 Июл 2010 13:54:11
Здравствуйте помогите пожалуйста.
У меня дизайн есть и у меня он отображается
хорошо , ну таблица стоит прямо http://forumupload.ru/uploads/000c/14/bc/4-1-f.jpg
а вот у других он отображается криво вот так http://yfrog.com/f/n955555p/
что мне делать ? может у меня что то с ходами не так?
Поделиться82621 Июл 2010 20:42:23
all
Я зашел на ваш форум, все отображается нормально. Проверьте ваш код, либо киньте мне.
Возможно дело в браузере. У скольких человек ошибка такая? У всех или у 2-3?
Поделиться82721 Июл 2010 22:24:19
дизайнер что-то намутил с html, что верхняя ссылка на форум отсутствует:
http://s14.radikal.ru/i187/1007/86/6453f7a36490.bmp
вопрос: как её вернуть? а то как-то стремно переходить по нижней ссылке или делать бэк. ._.
если надо:
верх:
<style> #pun-title table { background-image:url(http://s46.radikal.ru/i111/1007/64/ee0beab00e84.jpg); background-repeat: no-repeat; height:416px; wigth:788px; } .punbb table Div.icon {float: left; display: block; width: 110px; height: 110px; border-style: none; background-image: url(http://s52.radikal.ru/i138/1007/c5/54329c969f1c.png); background-repeat: no-repeat; position: relative; margin-right: 10px;} TR.inew Div.icon { background: url(http://s53.radikal.ru/i140/1007/ea/4a38fbba0ee6.png) no-repeat;} TR.isticky Div.icon { background: url(http://s002.radikal.ru/i197/1007/ff/f898fa8fcbd7.png) no-repeat;} TR.iclosed Div.icon { background: url(http://s002.radikal.ru/i198/1007/40/19b1f5e53cff.png) no-repeat;} #pun-main h2,#pun-stats h2,#pun-main h1 { color:#af6053; } #loginDiv { position:absolute; z-index:2; background-color:#e5dfcf; border:solid; width:300px; padding:2px 1px 1px; } #pun-title table tbody tr .title-logo-tdr { position:absolute; z-index:1; left:1px; top:1px; } #pun-navlinks a { color:#661d26; } body { background:url(http://s49.radikal.ru/i123/1007/a6/a1b8f026fe14.jpg) fixed top center; } .punbb .section .container,.punbb .post-body,.punbb .post-links,.punbb td.tc2,.punbb td.tc3,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .main .container,.punbb .post .container,.punbb .post h3,.punbb-admin #pun-admain .adcontainer,#pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-debug h2,.punbb-admin #pun-admain h2,#pun-title,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,#pun-main .formal textarea { background:transparent; } * { border-style:none !important; } #pun { width:793px; margin:0 auto; } #pun-navlinks .container,#pun-ulinks .container { text-align:center; } #pun-status.section .container,#pun-crumbs1.section .crumbs,#pun #pun-index #pun-announcement h2 span { display:none; } </style> <style> #pun-main .category h2 { background: url(http://i058.radikal.ru/1007/f0/43e579a850d7.jpg) no-repeat; height: 25px; } </style> <style> div .splLink {width: 130px; height: 40px; border: 2px solid transparent; background: transparent; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;} .spll {width: 130px; height: 70px; } .spll div .splCont {height: auto; width: 300px; background: url(http://s48.radikal.ru/i120/1007/c7/1b2d87e6c957.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #e0c293; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;} </style> <style> #loginDiv{ position:absolute; z-index: 2; background-color : #e5c799; border : solid; padding-bottom : 1px; padding-left : 1px; padding-right : 1px; padding-top : 2px; width: 300px; } </style> <style> #pun-title .title-logo { display : none; } </style>
низ:
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.splLink').click(function(){ $(this).parent().children('div.splCont').toggle('normal'); return false; }); }); </script> <script language="JavaScript"> function showLDiv() { if( document.getElementById("loginDiv").style.display == 'none' ) document.getElementById("loginDiv").style.display = '' else document.getElementById("loginDiv").style.display = 'none' return false; } function check_form() { if(document.forms["form_login"].req_username.value=='' || document.forms["form_login"].req_username.value=='') { alert('Оба поля обязательны для заполнения'); return false; } return true } url=document.URL if(url.indexOf("login.php")==-1 && document.getElementById('navlogin')){ document.getElementById('navlogin').innerHTML = "<a href=\"login.php\" onclick=\"return showLDiv()\"><span>Войти</span></a>" login = "<center><div id=loginDiv style=\"display: none; \">" login += "<form id=form_login name=login method=post action=\"login.php?action=in\" onsubmit=\"return check_form()\">" login += "<fieldset>" login += "<legend>Введите ваше имя и пароль ниже</legend>" login += "<input type=hidden name=form_sent value=1 />" login = login + "<input type=hidden name=redirect_url value="+document.URL+" />" login += "<br><table width=\"100%\" align=left>" login += "<tr><td align=left><b>Имя :</b></td><td align=left><input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"30\" maxlength=\"25\" /></td></tr>" login += "<tr><td align=left><b>Пароль :</b></td><td align=left><input type=\"password\" id=\"fld2\" name=\"req_password\" size=\"30\" maxlength=\"16\" /></td></tr>" login += "</table>" login += "</fieldset>" login += "<p class=formsubmit><input type=submit class=button name=login value=\"Войти\" /><br /> <a href=\"register.php\">Еще не зарегистрированы?</a><br /> <a href=\"login.php?action=forget\">Забыли пароль?</a></p>" login += "</form>" login += "</div></center>" document.getElementById('pun-navlinks').innerHTML += login } </script> <br><span><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><b><center>[Баннеры]</center></b></a><div style="display: none"> <a href="http://durarara.anihub.ru/" target="_blank" title="Durarara!!"><img src="http://s53.radikal.ru/i140/1007/a7/9607b1403134.gif"></a> <a href="http://narunightlife.anihub.ru/" target="_blank"><img src="http://savepic.ru/1378047.gif" border="0" alt="naruto [tokyo night life]"></a> </div></div> <div id="mybb-counter" style="display:none"> <script type="text/javascript"><!-- document.write('<img src="http://counter.yadro.ru/hit;ruhelp?r'+ escape(document.referrer)+((typeof(screen)=='undefined')?'': ';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+ ';'+Math.random()+ '" width=1 height=1 alt="">')//--></script> </div></P>
Отредактировано Тайси (21 Июл 2010 22:25:13)
Поделиться82823 Июл 2010 19:09:16
Я зашел на ваш форум, все отображается нормально. Проверьте ваш код, либо киньте мне.Возможно дело в браузере. У скольких человек ошибка такая? У всех или у 2-3?
я уже все исправил.. уже нету ошибок))
Поделиться82924 Июл 2010 02:39:49
Хочу сделать какой-то собственный фон, например как тут http://wolvessignatureblood.rolka.su , но не знаю как это аккуратно делается...
Как определить какой ширины например этот форум? хочется сузить свой фор немного и чтоб аккуратно вместился в контуры фона. Как менять ширину форума? И фон может быть только в виде двух вертикальных полос или например заезжать на сам форум, может бывают другие способы вставки фона?...
http://wwwlostparadise.spybb.ru/ мой.
Поделиться83025 Июл 2010 23:24:19
А возможен ли такой скрипт, суть которого будет заключаться в том, чтобы он автоматически ставил картинку на фон форума в зависимости от разрешения экрана пользователя. То есть для пользователей 1280х1024 он ставил картинку аналогичного размера, а для 1024х768 он уже ставил картинку размером 1024х768 и так далее.
Спасибо заранее!
Поделиться83110 Авг 2010 12:31:58
Скажите, а как можно делать форум полупрозрачным, чтобы еще регулировать настройки прозрачности? Заранее спасибо.
Поделиться83210 Авг 2010 13:07:28
severin
Читаем FAQ по дизайну форума в CSS.
RikDes
Нет, просто делается фон с повторяющимся эффектом. У меня можно видеть, что фон идет так, хотя сделан из одной картинки. Ширина тоже самое.
Вита
Зависит от того, свой стиль у вас, или вы с помощью скриптов меняли его.
Если свой, то читаем FAQ по дизайну форума в CSS и настраиваем.
Поделиться83310 Авг 2010 22:21:07
Lisae
Наверно я слепая : D Не увидела. Наверно, надо тыкнуть прямо в рожу)
У меня "свой" стиль. Из генератора. Как сделать, его чуть прозрачным? Не полностью, а на 50% где то? http://ololoololololololo.spybb.ru/ вот.
извините что достаю.
Поделиться83410 Авг 2010 22:50:05
Вита
Я уже писал. Читаем FAQ по дизайну форума в CSS.
Поделиться83511 Авг 2010 05:58:32
Вита, извиняюсь, что влажу.
Вы хотите сделать так, чтобы было аналогично дизайну форума Lisae?
Если да, то ответ прост: полупрозрачный белый фон форума, является частью фонового рисунка.
а весь фон убирается добавлением в HTML-верх кода (недеюсь, что сразу Lisae не забанит меня сразу)
<style type="text/css"> #pun,.punbb .main .container,.punbb td.tc3, .punbb td.tcl, .punbb .section .container,.punbb .section .formal .container,.punbb .formal fieldset,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .post-body,.post-box,.punbb .post-links,.punbb-admin #pun-admain .adcontainer,.punbb .info-box,.punbb #pun-main .info-box .legend,#pun-ulinks .container,.punbb .post .container,.punbb .post h3,.punbb .post h3 span,.punbb td.tc2,.punbb td.tcr,#pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-debug h2,.punbb-admin #pun-admain h2,.punbb .modmenu .container,.punbb select,.punbb input,.punbb th,#pun-stats div.statscon,#pun-crumbs2 .container,#pun-about .container,#pun-main fieldset legend span, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background:transparent !important; } </style> <style type="text/css"> *{border-style: none !important;} </style>
код делает прозрачными фоны всех элементов, оставляя только текст и картинки.
Если нет, то тут уже сложнее:
В двух словах: вместо фонового цвета элемента, вы вставляете заранее приготовленный полупрозрачный рисунок нужного цвета.
Как это делается на деле:
1) Заходим в Администрирование -> Стиль. Там в поле Цвета style_cs.css ищем элементы, цвет которых будем изменять.
Попробовал создать стиль с помощью генератора стилей и сразу скопировал блок поменьше в пример.
На глаза попадается мелкий блок: стиль Цитат и Кодов:
/* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: #E3E3E3; color: #404040 }
2)
a) Открываем фотошоп(или любой редакто, который поддерживает сохранение полупрозрачных рисунков).
b) Создаем документ с прозрачным фоном и размерами 30х30.
c) Выбираем основной цвет #E3E3E3 (копируем значение свойства background-color элемента)
d) Заливаем весь слой этим цветом
e) Даблклик по слою. И в окне Стиль слоя выставляем свойство Непрозрачность(самый верхний ползунок). Процентов 70% для первого раза будет достаточно. Наилучшее значение подбирается экспериментально.
Изображение готово, теперь его нужно правильно сохранить.
f) Заходим Файл -> Сохранит для Вэб... . В правом верхнем углу из второго выпадающего списка выбираем пунк PNG-24. Возле свойства Прозрачность должна стоять галочка. Если ее нет - ставим.Жмем кнопку Сохранить и сохраняем файл. к примеру e3e3e3.png
С создание фонового изображение разобрались.
3) заливаем изображение на любой имэджхостинг, и копируем его адрес.
4) Возрящаемся в Администрирование -> Стиль. Снова находим нужный блок, и удаляем строку background-color: #E3E3E3;, а на ее место вставляем background: transparent url("ссылка на изображение/e3e3e3.png") repeat;
Должно получиться
/* CS1.7 */ .punbb .quote-box, .punbb .code-box { background: transparent url("ссылка на изображение/e3e3e3.png") repeat; color: #404040 }
5) Жмем кнопку Сохранить
6) Переходим/создаем пост с цитатой или кодом. и проверяем результат.
7) Если полупрозрачность появилась, но нужно прозрачней/менее прозрачней, то возвращаемся к пункту 2.
8) повторяем все перечисленные действия, для остальных элементов
9) ???
10) PROFIT
P.S. Если не забанят и будет действительно необходимо - готов создать (если он еще не существует) полноценный туториал со скриншотами и подробным описанием.
Отредактировано zloy.mh (11 Авг 2010 06:00:55)
Поделиться83611 Авг 2010 18:21:59
Как заменить ссылки меню картинками? Устала уже искать >____<
Поделиться83711 Авг 2010 18:28:25
Amelia Lein, если правильно понял, вы ищите этот скрипт. Пункт Замена МН на картинки
Отредактировано zloy.mh (11 Авг 2010 18:31:35)
Поделиться83812 Авг 2010 18:47:11
Как можно видоизменить цитату
такую
и код
такой
чтобы можно было в скрипт поставить свой фон (картинкой или просто цветом) + установить ширину обводки и её цвет.
я вот мудрила с кодами в ксс, но ничего дельного не вышло.
Поделиться83912 Авг 2010 18:55:14
Hayase
Что-то не понял я вас. Вам нужно установить фон кода и цитаты, а также ширину границ?
Вам с CSS или скрипт дать?
Поделиться84012 Авг 2010 19:07:35
Что-то не понял я вас. Вам нужно установить фон кода и цитаты, а также ширину границ?
та.
Вам с CSS или скрипт дать?
желательно ксс
Похожие темы
вопрос по оформлению | Архив | 31 Окт 2008 |
Вопросы по "Оформлению" - 3 | Оформление форума | 10 Мар 2015 |
Вопросы по оформлению через "Свой стиль" | Корзина | 1 Апр 2009 |
Вопросы по "Оформлению" | Архив | 31 Янв 2010 |
Вопросы по оформлению)))) | Архив | 5 Янв 2009 |