Знаете, у меня назрел вопрос: а вообще можно рекламный баннер сделать полу-прозрачным? Вообще кажется нельзя...
Вопросы/проблемы со стилем vol.03 <
Сообщений 601 страница 630 из 853
Поделиться60202-05-2011 17:07:39
___Arisu?
Можно, но за это банят форумы, кажется. По крайне мере помню, что грозились этим админы сервиса MyBB
Поделиться60302-05-2011 17:19:43
Мммм... Deisy-, спасибо)
Поделиться60403-05-2011 13:31:57
У меня проблема на проблеме...
Я сделала форум прозрачным, но он у меня не однотонный, можете помочь?
Вот ссыль - http://testik111.mybb.ru/
А вот код:
/* CS1 Background and text colours -------------------------------------------------------------*/ #pun-title TABLE { background : transparent url(http://savepic.net/1051311.jpg) no-repeat left top; margin-left : 0px; } body {background-color: #EECFA1; background-image : url("http://savepic.net/1087636.jpg"); background-repeat: no-repeat; background-position : top center; } #pun { Background-image: url(http://savepic.ru/2608474.png); } /* CS1.1 */ .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 { Background-image: url(http://savepic.ru/2608474.png); color: #352510; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { Background-image: url(http://savepic.ru/2608474.png); color: #352510; } /* CS1.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { Background-image: url(http://savepic.ru/2608474.png); color: #FFFFF9; font-weight: normal; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { Background-image: url(http://savepic.ru/2608474.png); color: #352510; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { Background-image: url(http://savepic.ru/2608474.png); color: #352510 } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { Background-image: url(http://savepic.ru/2608474.png); color: #352510 } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { Background-image: url(http://savepic.ru/2608474.png); color: #352510 } /* CS1.8 */ #pun-navlinks .container { Background-image: url(http://savepic.ru/2608474.png); color: #352510; } .offline li.pa-online strong { font-weight: normal } .punbb textarea, .punbb select, .punbb input { Background-image: url(http://savepic.ru/2608474.png); color: #352510 } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent !important; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent !important; } /* CS2.4 */ .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: transparent !important; } /* CS2.5 */ .punbb th { border-color: transparent !important; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: transparent !important; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent !important; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent !important; } .punbb .divider { border-color: transparent !important; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } li.pa-online { Background-image: url(http://savepic.ru/2608474.png); } .punbb .post-sig dt { border-top-color: #FFDFB2 !important; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #352510; border-bottom: 0px none #000; text-decoration: underline; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #352510 } /* 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: #9c6623; border-bottom: 0px none #000; text-decoration: underline; } /* CS3.3 */ #pun-navlinks a { color: #352510; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #9c6623; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: underline; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background: url(http://savepic.net/1051818.png) no-repeat; } tr.inew div.icon { background: url(http://savepic.net/1087660.png) no-repeat; } tr.iclosed div.icon { background: url(http://savepic.net/1083566.png) no-repeat; } tr.iredirect div.icon { background: url(http://savepic.net/1048737.png) no-repeat; } tr.isticky div.icon { background: url(http://savepic.net/1084578.png) no-repeat; }
Поделиться60503-05-2011 13:57:32
___Arisu?
#pun {
Background-image: url(http://savepic.ru/2608474.png);
}
Этого кода достаточно, так как #pun отвечает за всё тело форума. Т.е. убирайте из CS1 все эти Background-image: url(http://savepic.ru/2608474.png); и ставьте Background: transparent;
Поделиться60603-05-2011 14:05:42
Deisy-
Большое спасибо!
Низкий поклон вам
Поделиться60703-05-2011 18:27:21
Спасите меня еще раз =DD любить до гроба буду ахах)
в общем, проблема на скрине
http://s2.ipicture.ru/uploads/20110503/89TA41US.jpg
Видите, где белым написано - "сам форум"? Как вот этот сам форум опустить ниже
в общем мне нужно сделать так, чтобы фоновая картинка осталась, а сам форум (картинку) опустить чуть ниже (где основной текст, где посты и так далее)
не знаю, поняли ли вы меня..хд
я забыла, как это делается. пытаюсь вспомнить - не получается.((
Поделиться60803-05-2011 18:33:34
#SweetDreams
А5.1
margin: 0px auto 0px auto;
Выделенное меняете на своё значение
Поделиться60903-05-2011 18:36:04
Deisy-
спасибо, буду знать теперь и это
но у меня почему-то вместе с форумом двигается фоновая картинка
(если что - фоновая картинка идет как огроменная шапка)
Поделиться61003-05-2011 19:39:06
подскажите пожалуйста, как изсменить цвет кнопки в сообщении "отправить". а то она сливается у меня с телом форума.
Поделиться61103-05-2011 19:47:22
цвет кнопки
#post .formsubmit .button {...}
в фигурных скобках перечисляете свойства, какие хотите добавить или изменить в кнопке. Фоновый цвет, цвет текста, стиль окантовки и прочее..
Поделиться61203-05-2011 20:13:28
#SweetDreams
В таких ситуациях, обычно, люди оставляют ссылку =____=
Поделиться61303-05-2011 20:55:53
В таких ситуациях, обычно, люди оставляют ссылку =____=
вот
видите, какая тут лажа?
я не хочу делать шапку меньше, подняв дурацкий свиток выше. я хочу опустить фоновую картинку форума (центр) просто пониже. Раньше меняла - сейчас забыла
+ возник вопрос, который, возможно, много раз задавали
тут стоит посмотреть вниз
как сделать так, чтобы нижняя картинка стояла по центру и была как бы присоединена к форуму, без косяков, которые сейчас?
Поделиться61403-05-2011 21:10:46
#SweetDreams, я влезу не в свое дело, но вам не кажется, что все это можно сделать гораздо компактнее и красивее? ) Обрезать завиток у основания, фон залить не картинкой, а цветом, подложку - сделать из узенькой полоски основного тела свитка...
Так гораздо удобнее и проще будет работать с кодами.
опустить фоновую картинку форума (центр) просто пониже.
попробуйте поменять отступы меню пользователя:
#pun-ulinks .container {padding-bottom: Npx;}
без косяков, которые сейчас?
попробуйте убрать в хтмл-низе некие "фреймы":
<iframe name="AddVote" width="0" height="0"></iframe>
Поделиться61503-05-2011 21:20:36
я влезу не в свое дело
да влезайте, я только "за" дельные советы, если они помогут
ОМГ! откуда у Вас мое убожество ахах =DD
Обрезать завиток у основания, фон залить не картинкой, а цветом, подложку - сделать из узенькой полоски основного тела свитка...
я делаю все по тому, что у меня как-то было
а если делать из узенькой полосочки - будет очень не хорошо. картинка будет повторяться и неровности будут видны
попробуйте поменять отступы меню пользователя:
не помогает. меню "новые сообщения и т.д" в сторону уходят. нет, не то х)
попробуйте убрать в хтмл-низе некие "фреймы":
честно говоря - не поняла. никогда с этим не сталкивалась и чувствую себя лохом
если разъясните, буду оочень признательна.
Поделиться61603-05-2011 21:52:38
если разъясните, буду оочень признательна.
смотрите все, что стоит у вас в хтмл-низе, ищете выделенную мною строку, удаляете, тестите результат.
не помогает.
Хм, точно ставите размер? На тестовике у себя залил ваш стиль - вроде, помогло. Ладно, посмотрю, что еще можно сделать.
ОМГ! откуда
А вы думаете, зачем мы ссылки требуем? )) Чтобы непосредственно до кода добраться )
Поделиться61703-05-2011 21:57:05
#SweetDreams, плюс у вас незакрытые описания элементов. Многие вещи коряво отображаются и будут отображаться при таком раскладе.
Шерстите стиль, ставьте закрывающие фигурные скобки в обязательном порядке!
Поделиться61804-05-2011 12:01:56
http://soulsale.rusff.me/
Говорят, что на ГуглХроме шапка сильно съезжает, на опере и лисе (у меня, по крайней мере), все в порядке. Как-то можно исправить?
Отредактировано Дональд (04-05-2011 12:11:36)
Поделиться61904-05-2011 21:17:26
Говорят, что на ГуглХроме шапка сильно съезжает
Ну, у мня не так уж сильно - просто пикселов на 20 обрезается справа )
Попробуй переставить шапку через /* D1.4 */ взамен нынешнего #pun-title .title-logo
#pun-title TABLE {
border: none;
height: 300px;
width: 100%;
}
Параметры картинок-отступов вносить можно те же самые.
+ у тебя дубляж "сдвига" баннера - посмотри на код, что есть внизу и на тот, что стоит в разделе /* CS1.4 */ Реши, какой для тебя важнее
Поделиться62005-05-2011 15:19:56
Ммм
http://academy.myboard.net.ru/
Переставила Тт и вообще нету ничего я дурак, да.
Поделиться62105-05-2011 16:01:42
Дональд, я, если честно, вообще не вижу на том примере, что ты шапку поставила )
В общем, вот:
#pun-title TABLE {
border: none;
background-image : url("http://s47.radikal.ru/i117/1105/62/90b36d12f7dd.jpg");
margin-left: 3px;
background-repeat : no-repeat;
height: 419px !important;
width: 817px;
background-position: center
}#pun-title TD.title-logo-tdr {
border: none;
vertical-align: top;
top: 0px;
background: transparent;
}
Но один фиг - все такое же корявое, как и раньше + ошибки в самом коде. Как ни странно, но если эти ошибки убрать - все сановится еще корявее. Дональд, умоляю - проверяй то, что у тебя стоит в стилях!
Поделиться62205-05-2011 16:29:31
Wilhelm, короче, проще не трогать, я понял)
Дональд, умоляю - проверяй то, что у тебя стоит в стилях!
Таак если бы я знал, что это ошибки и умел их исправлять.
Поделиться62305-05-2011 17:03:10
Дональд, чувствую, я тебе весь дизайн заново по кодам распихаю )) В обход ныне существующего "шаблона".
Поделиться62405-05-2011 18:12:43
Wilhelm, я не виноват)))
Поделиться62506-05-2011 20:05:18
где нужно сдвигать название форумов влево?
Поделиться62607-05-2011 08:00:26
название форумов влево?
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
text-align: left; /*отображение текста слева*/
padding-left: Npx; /*небольшой сдвиг текста от края. Можно удалить*/
}
Поделиться62707-05-2011 08:53:39
как вот это всё сдвинуть немного влево?
http://imgs.su/tmp/1304743914-432.jpg
Поделиться62807-05-2011 09:04:00
оленяша
/* D3.2 */
#pun-navlinks .container {
padding: 0.2em 0.7em;
}
меньше значение выделенного - ближе к левому краю.
Поделиться62907-05-2011 18:06:02
Deisy-
оно не помогло, потому что в стандартном коде такого не содержится, я попробовала вставить у меня получилось так:
/* D3.2 */ #pun-navlinks .container { padding: 0.2em 1em; padding-top: 0px; padding-bottom: 0px; height: 12px; font-weight: normal; text-align: center; font-family: verdana; text-transform: lowercase }
я очень давно не делала дизайнов и тут решила-таки закончить свой старый я совсем забыла что и как D:<
ну и тогда такой вопрос: как уменьшить расстояние между ними? т.е. между форум и участники, например.
Поделиться63007-05-2011 18:14:32
text-align: center;
уберите это - и будет счастье ) Или замените на text-align: left;