Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)


Общие вопросы по оформлению (53)

Сообщений 261 страница 280 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+3

261

Китнисс написал(а):

И еще, подскажите, как опустить шапку вниз и убрать сей пробел? Оо

В НТМЛ верх:

Код:
<style type="text/css">
#pun-title h1 {
height: 470px !important;
}
</style>

height: 470px !important; - ставите свою высоту..
Niogara
А можно сделать скрин побольше, если честно, не фига не вижу..

0

262

kolobdur74 написал(а):

если что то пропустил - скажите..

ой-ой, а как "залить" тем же цветом вот тут?

скрин

http://sa.uploads.ru/t/IrGkt.jpg

И еще - я надеюсь, вы пока не хотите скрыться от меня на необитаемом острове - как достигнуть эффекта "прозрачности", как на скрине выше (тут)

0

263

Niogara
Сдвиг меню:

#pun-navlinks .container {
width: 10%;
margin-top: -515px;
margin-left: 775px;
text-align: center;
position: absolute;
}

Размер шрифта справа:

#pun-ulinks, #pun-ulinks .container, #pun-ulinks li, #pun-ulinks li a, #pun-ulinks li a {
font-family: Century;
font-style: italic;
font-size: 0.9em;
color: rgb(236, 228, 237);
}

#pun-ulinks li a, #pun-ulinks li a - нафига дважды?
На счет сместить за полосу - тут сложнее..Проще убрать полосу и добавить полосу над #pun-status..

0

264

Китнисс написал(а):

ой-ой, а как "залить" тем же цветом вот тут?

Заметите предыдущий код на этот:

<style type="text/css">
#pun-status, #pun-crumbs1, #pun-main h2, .punbb .main table, #pun-stats h2, .statscon, #tieser-bottom, #pun-announcement table {
background-color: #3d3d3d;
opacity: 0.5;
}
</style>

Китнисс написал(а):

как достигнуть эффекта "прозрачности", как на скрине выше (тут)

Добавил в код opacity: 0.5; - меняете от 0 до 1 выставляете нужный уровень прозрачности.

0

265

kolobdur74
Спасибо, все работает, кроме кода на сдвиг шапки. Он почему-то не действует, какие бы значения я не вводила.

0

266

Китнисс написал(а):

кроме кода на сдвиг шапки. Он почему-то не действует, какие бы значения я не вводила.

Потому что вы допустили ошибку:

#pun-title h1 {
height: 10000 px !important;
}

10000 px - между значением и px поставили пробел, уберите пробел.

0

267

спасибо)

kolobdur74 написал(а):

На счет сместить за полосу - тут сложнее..Проще убрать полосу и добавить полосу над #pun-status..

тогда недостаточно места для нормальной таблицы... а если ставить туда табличку, то приветствие сдвигается и находится за кучу пикселей от полосы...

Отредактировано Niogara (Чт, 29 Май 2014 20:43:57)

0

268

Niogara написал(а):

тогда недостаточно места для нормальной таблицы... а если ставить туда табличку, то приветствие сдвигается и находится за кучу пикселей от полосы...

Ну, к примеру:
убираем разделительную полосу:

Код:
#pun-break1 {
display: none;
}

Добавляем разделительную полосу перед статусом:

Код:
#pun-status:before {
display: block;
content: attr(hr);
border-style: solid;
border-width: 1px 0;
border-color: #ccbb00 #CD00CD #CD00CD #CD00CD;
}

border-color: #ccbb00 #CD00CD #CD00CD #CD00CD; - ставим свой цвет.

0

269

Да, спасибо, работает.
Но когда я накладываю прозрачность, у меня покрывается "пеленой" все, включая текст, вот, на скрине видно по выделению текста курсором. Я бы хотела, чтобы каркас был прозрачен, но текст оставался нормальным. Как такое можно сотворить?

скрин

http://sc.uploads.ru/t/ik7bP.jpg

http://lostcat.rolevaya.com/

Отредактировано Китнисс (Чт, 29 Май 2014 21:50:51)

0

270

Китнисс написал(а):

Я бы хотела, чтобы каркас был прозрачен, но текст оставался нормальным. Как такое можно сотворить?

Попробуйте так (ставить НТМЛ верх):

Код:
<style type="text/css">
.submenutext, #menu span, #pun-status span, 
.punbb p.crumbs strong, #pun-main h2 span, .punbb .main .tcl,
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcr, 
.tclcon, #pun-stats h2 span, #pun-stats li.item1, 
#pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, 
#pun-stats li.item5 {
opacity: 1 !important;
}
</style>

0

271

MyFF написал(а):

Сэйран ваш стиль отвечает за эти блоки, открывайте cs_css   ищите (Каламбур-главный # каламбур-category1.category фонового изображения)
http://zazerkalie.f-rpg.ru/styles/0013/ … 009120.css
http://zazerkalie.f-rpg.ru/styles/0013/ … 009120.css
Дополнительные шрифты

Дополнительные шрифты меня не интересуют, и то, что за блоки отвечает стиль я тоже знаю, как собственно и то, как посмотреть стиль. Я интересовался тем, какой пункт в своем стиле за это отвечает.

Отредактировано Сэйран (Чт, 29 Май 2014 22:47:33)

0

272

kolobdur74
Спасибо вам огромное!!!
прошу прощения, не увидел сразу...)

0

273

kolobdur74 написал(а):

Попробуйте так (ставить НТМЛ верх):

Ничего не поменялось :С

0

274

Китнисс
Используйте просто прозрачный фон в формате .png
А если полностью делать прозрачным - то используйте background: transparent;

0

275

Fover
Уже упоминалось выше, что я вообще не понимаю то, о чем вы тут все говорите, так что мне нужны конкретные инструкции - убери этот код/скрипт, поставь это, не так поставь, а как я сказал. Поэтому, честно говоря, я так и не осознала то, что вы сказали.

Фон меня вроде устраивает, степень прозрачности - тоже, только текст плохо видно.

0

276

Китнисс
Администрирование - Настройки:
Удалите все из Html-верх и поместите туда это:

Код:
<style type="text/css">
#pun-announcement table td {
  background: transparent!important;
}

#pun-title h1 {
  height: 350px !important;
}

#pun-status, #pun-crumbs1, #pun-main h2, .punbb .main table, #pun-stats h2, .statscon, #tieser-bottom, #pun-announcement table {
  background: rgba(255,255,224,0.4);
}

#menu {
  margin-top: -5px;
  width: 180px;
  height: 60px;
  background-repeat: no-repeat;
}

#menu span {
  text-align: left;
  display: block;
  color: #000000;
  margin: 7px 0;
  padding: 11px;
}

#submenu, #menu span {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  background: rgba(255,255,224,0.4);
}

#menu .tabactive {
  color: #000000;
  background: rgba(0,0,0,0.1);
}

#submenu {
  padding: 3px;
  height: 180px;
  text-align: center;
  font-size: 12px;
  width: 540px;
}

.submenutext {
  display: none; 
  height: 40px;
}

#pun {
  width: 75%;
  margin: auto;
}

#color-area{
  background: url(http://savepic.net/844049.gif) 50% 0 no-repeat;
}

table.Myp,table.Myp td, #len-tbl-01, #len-tbl-01 td {
  text-align:left;
  vertical-align:top;
  padding:0!important;
  margin:0!important;
  border-collapse:collapse!important;
}

span.hidds {
  display:block;
  width:18px;
  height:18px;
  background:url(http://savepic.net/829713.png) 50% 50% no-repeat;
  margin: 6px 21px -6px -21px;
}

#len-tbl-01 {
  margin: 1px 21px 12px 0!important;
  width: 100%;
}

#len-tbl-01 td {
  padding: 0!important;
  width: 11px!important;
  height: 12px;
  background-image: url(http://savepic.net/711220.gif);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: none;
  border: #fff 1px solid!important;
}

#len-tbl-01 td:hover {
  background-image: url(http://savepic.net/686931.gif)!important;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

table.Myp {
  width: 280px!important;
}

table.Myp td, table.Myp tr {
  height: 18px!important;
  vertical-align: text-bottom;
  margin: 0!important;
  border: none 0 transparent!important;
  border-collapse: collapse!important;
}

td.rightMy, td.murom {
  text-align: left!important;
  width: 66px!important;
}

#name_1, #name_0 {
  margin: 0;
  posizion: absolute; z-index:2000;
  font-size: 11px!important;
  background-color: #fff!important;
  border: #000 1px solid;
  width: 58px!important;
}

#name_1 {
  border: red 1px solid!important;
  font-size: 11px;
  color: #761A21;
}

#name_0 {
  font-size: 11px;
  color: #000!important;
}

#len-tbl-01 img {
  position: absolute!important;
  border: #000 1px none;
}

#len-tbl-01 img.Nul_Img  {
  position: absolute!important;
  height: 11px!important;
  width: 11px!important;
  margin: 0!important;
}

#len-tbl-01 .metka {
  position: absolute!important;
  z-index: 100;
  margin: -1px 0 0 -1px!important;
  height: 13px;
  width: 13px;
}

a#okno { 
   position: fixed; 
   bottom: 10px; 
   line-height: 16px; 
   text-align: left; 
   right: 10px; 
   z-index: 30000; 
   opacity: 0.8; 
   width: 290px; 
   height: 80px; 
   background: #000000; 
   color: #fff; 
   text-shadow: rgba(0,0,0,0.3) 0px -1px 0px; 
   padding: 10px; 
   text-decoration: none; 
   font-size: 11px; 
   font-family: Tahoma; 
   border: 1px solid #ffffff; 
   box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #ffffff 0px 1px 0px; 
   border-radius: 3px; 
 }
</style>

0

277

не актуально

такая вот проблема - СКРИН
уже не знаю что и делать, все перепробывала на русффе все норм, а вот на майббе понять не могу в чем прикол
Причем это огромное расстояние только в тех сообщения где используется таблица, в подписи такая же фигня творится
ФОРУМ

Отредактировано Tekila (Пт, 30 Май 2014 15:50:28)

0

278

Fover
Спасибо, все стало именно так, как мне того хотелось.

0

279

скрин

http://s1.ipicture.ru/uploads/20140530/2aVUD20S.jpg

Все бы хорошо, но как можно сделать так, чтобы поля в оранжевых рамочках приобрели такой же полупрозрачный фон, как и поле в фиолетовой рамочке?

(http://lostcat.rolevaya.com)

Отредактировано Китнисс (Пт, 30 Май 2014 18:30:54)

0

280

Не подскажите, как поставить маленькую иконку перед ссылкой на тему, чтобы она не заползала на само название?

скрин и ссылка

http://f6.s.qip.ru/rxJQf1Qv.png
использую:

Код:
<style>
td.tcr a {
background-color: transparent;
background-image: url("http://designforum.bestff.ru/img/Mybb_Strange_Vision/post.gif");
background-origin: padding-box;
background-position: 0% 0px;
background-repeat: no-repeat;
}
</style>

http://seventhseal.rusff.ru/

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)