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

Поделиться201Ср, 1 Сен 2010 21:12:45

Автор: Sacanya
Заслуженный
Зарегистрирован: Вс, 13 Май 2007
Сообщений: 196
Уважение: 0
Позитив: +18
Последний визит:
Вс, 31 Июл 2011 14:15:23

Deff
Не-не.
не надо.
у меня формат png а это значит что когда делаешь прозрачный фон, то он оставляет прозрачным и когда картинку грузишь как фон, к примеру. А я оставила прозрачный.
)

0

Поделиться202Ср, 1 Сен 2010 21:26:33

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

[весна.] Аналогично Вышесказанному - ужас - а не изображения - до сих пор полностью не загрузилось!

0

Поделиться203Ср, 1 Сен 2010 21:29:51

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

Sacanya

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

DeffНе-не.не надо.у меня формат png а это значит что когда делаешь прозрачный фон, то он оставляет прозрачным и когда картинку грузишь как фон, к примеру. А я оставила прозрачный.)

Не надо оправдывацо - совмести с фоном в фотошопе - как в браузере и сконвертируй уже непрозрачную в jpeg - наф гонять полтора мега, когда ты всё в шопе мож совместить и слать непрозрачную!

У меня жи совместилась!

Отредактировано Deff (Ср, 1 Сен 2010 21:30:25)

0

Поделиться204Ср, 1 Сен 2010 21:36:48

Автор: Sacanya
Заслуженный
Зарегистрирован: Вс, 13 Май 2007
Сообщений: 196
Уважение: 0
Позитив: +18
Последний визит:
Вс, 31 Июл 2011 14:15:23

Deff
знаю знаю)
хорошо сделаю так) завтра точно разберусь совсем этим.

0

Поделиться205Ср, 1 Сен 2010 21:37:48

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

[весна. написал(а):

]Дорого времени суток. Подскажите мне пожалуйста как области которые выделены красным опустить учть ниже.

<style>
#pun-navlinks.section .container{margin-top: 100px; }
</style>

*для http://ohshit.rolka.su/

Отредактировано Deff (Ср, 1 Сен 2010 22:08:15)

0

Поделиться206Ср, 1 Сен 2010 21:57:24

Автор: [весна.]
Заслуженный
Зарегистрирован: Чт, 25 Мар 2010
Сообщений: 27
Уважение: 0
Позитив: +1
Последний визит:
Вт, 8 Фев 2011 22:40:34

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

<style>
#pun-navlinks.section .container{margin-top: 100px; }
</style>

это куда надо пихать?

0

Поделиться207Ср, 1 Сен 2010 22:06:32

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

[весна.] Html верх пробуйте

+1

Поделиться208Ср, 1 Сен 2010 22:17:03

Автор: [весна.]
Заслуженный
Зарегистрирован: Чт, 25 Мар 2010
Сообщений: 27
Уважение: 0
Позитив: +1
Последний визит:
Вт, 8 Фев 2011 22:40:34

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

Html верх пробуйте

я уже разобралась. спасибо что помогли.

0

Поделиться209Ср, 1 Сен 2010 22:30:22

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

[весна.] http://s09.radikal.ru/i182/1009/4c/a9da48eae4d6.jpg типа выделить чуть место под навигацию (а то незаметна

0

Поделиться210Чт, 2 Сен 2010 04:27:06

Автор: SnorlaX
Заслуженный
Зарегистрирован: Вс, 18 Янв 2009
Сообщений: 210
Уважение: +12
Позитив: +37
Пол: Мужской
Последний визит:
Вт, 23 Авг 2011 08:10:24

уже разобрался хд

Отредактировано SnorlaX (Чт, 2 Сен 2010 04:28:21)

0

Поделиться211Чт, 2 Сен 2010 11:02:30

Автор: ShTyChKa
Заслуженный
Зарегистрирован: Вт, 9 Фев 2010
Сообщений: 90
Уважение: +2
Позитив: +7
Пол: Женский
Последний визит:
Вт, 12 Окт 2010 19:43:02

Помогите установить стиль. У меня полностью не высвечивается дизайн. Он должен быть таким :
Стиль с этого форума Стили
Мой сайт http://helpme.0pk.ru/

Отредактировано ShTyChKa (Чт, 2 Сен 2010 11:51:46)

0

Поделиться212Чт, 2 Сен 2010 11:38:26

Автор: Jane Rover
Заслуженный
Зарегистрирован: Вт, 15 Дек 2009
Сообщений: 130
Уважение: +2
Позитив: +21
Пол: Женский
Последний визит:
Пт, 14 Июн 2013 13:00:05

Доброе утро!
Подскажите пожалуйста скрипты
http://xmages.net/storage/10/1/0/7/3/up … 9ab364.png
как написать Админы/модеры и тд?

Еще видела, что можно выпадающее меню затолкать в шапку, дайти скрипт :flirt:

И иконки у меня косячно встают, они справа размером 99/60 ставлю скрипт,
</style>
<style type="text/css">
99px; height:60px; border-style: none;
background-image: url("http://xmages.net/storage/10/1/0/b/9/upload/59d4e006.png");
background-repeat: no-repeat;
position: relative; margin-right: 0px;}
TR.inew Div.icon {
background: url("http://xmages.net/storage/10/1/0/b/0/upload/2ac5c140.png") no-repeat;}
TR.isticky Div.icon {
background: url("http://xmages.net/storage/10/1/0/6/8/upload/8603b9e9.png") no-repeat;}
TR.iclosed Div.icon {
background: url("http://xmages.net/storage/10/1/0/7/9/upload/db57f398.png") no-repeat;}
</style>

и получается вот так:
http://xmages.net/storage/10/1/0/b/5/up … cece22.png

0

Поделиться213Чт, 2 Сен 2010 12:04:16

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

ShTyChKa
1. Попробуйте заменить второе окно стиля на вот этот код

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/

#pun-main .linkst {display: none}

/*Переадресация*/
#pun-redirect.punbb #pun-main h1 {background-image: url(http://forumupload.ru/uploads/0009/42/8c/1319-1-f.png); background-repeat: no-repeat; background-position: center bottom;  height: 14px; background-color: trasparent; margin-top: 30px}



#pun-redirect.punbb #pun-main .container {border: none}



#post feildset .hashelp .required #imageup-area {border-style: none; border-width: 0px;}
#post-form #post {border-style: none; border-width: 0px;}
#pun-stats.section .statscon .container {text-align: center;}
#pun-title .title-logo span {font-family: CorridaC, verdana, arial, helvetica, sans-serif; font-size: 2em}



body {
	background-color: #b5d0d1; background-image: url(http://forumupload.ru/uploads/0009/42/8c/1312-1.jpg);  background-repeat:repeat; background-attachment: fixed;
}



/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, 
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #330066;
  }



.punbb td.tc2, .punbb td.tc3 {
font-family: Segoe Script, verdana, arial, helvetica, sans-serif;}



/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: transparent;
  color: #330066;
  }



/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #FFFFFF;
  font-weight: bold;
  font-style: italic;
  text-align:center;
  background-image: url(http://forumupload.ru/uploads/0009/42/8c/1315-1-f.png); background-repeat: no-repeat;
  background-position: center;
  border-style: none; border-width: 0px;
  
  }



#pun-debug h2 {
  background-color: #663399;
  color: #FFFFFF;
  font-weight: bold;
  font-style: italic;
  }



/* CS1.4 */
#pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #447777;
  }



#pun-title {background-image: url(http://forumupload.ru/uploads/0009/42/8c/1324-1-f.png); background-color: transparent;  height: 310px; background-repeat: no-repeat; background-position: bottom right; border:none; color: #9241ed; font-weight: bold; font-style: italic; }



/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #b5d0d1;
  color: #330066
  }



/* CS1.6 */
.punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #330066
  }



.punbb .post h3 span {
  background-color: transparent;
  color: #330066;
  font-family: Segoe Script, verdana, arial, helvetica, sans-serif;
  font-size: 1em
  }



/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #CCCCFF;
  color: #330066
  }



/* CS1.8 */
#pun-navlinks .container {
  background-color:transparent;
  color: #FFFFFF;
  background-image: url(http://forumupload.ru/uploads/0009/42/8c/1314-1-f.png); background-repeat: no-repeat;
  text-align: center;
  }



.offline li.pa-online strong {
  font-weight: normal
  }



.punbb textarea, .punbb select, .punbb input {
  background-color: #CCCCFF;
  color: #330066
}



/* CS2 Border colours
-------------------------------------------------------------*/



/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #9966FF #9966FF #9966FF #9966FF
  }



/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #BCBCEF
  }



/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #663399;
  }



/* 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: #CCCCFF;
  }



/* CS2.5 */
.punbb th {
  border-color: #CCCCFF
  }



/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #79ACDF #B9ECFF #B9ECFF #79ACDF;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #79ACDF
  }



#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #B9ECFF
  }



.punbb .divider {
  border-color: #79ACDF #B9ECFF #B9ECFF #B9ECFF
  }



.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

	
li.pa-online {
  border-left-color: #9999FF;
  }


.punbb .post-sig dt {
  border-top-color: #CCCCFF !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: #6666FF;
  font-style: italic;
  border-bottom: 0px none #000;
  text-decoration: none;
  }



.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #330066
  }



/* 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: #330099;
  font-style: italic;
  border-bottom: 1px dashed #330099;
  text-decoration: none;
  }



/* CS3.3 */
#pun-navlinks a {
  color: #FFFFFF;
  font-weight: bold;
font-style: italic;
  border-bottom: 0px none #000;
  text-decoration: none;
  }



/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #FFFFFF;
  font-weight: bold;
font-style: italic;
  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 {border-color: #9999CC #7979AC #69699C #7979AC}
tr.iredirect div.icon {border-color: #c6f0e1 #c6f0e1 #c6f0e1 #c6f0e1}
div.inew {border-color: #FFFFFF #DFDFDF #CFCFCF #DFDFDF}



#pun-main div.catleft, #pun-main div.catright {display: none}

2. Если всё сработает - то перезалейте все картинки на свой сайт - иначе они не сегодня завтра пропадут - они залиты на чужой форум завтра его снесут или сглюкнет - останетесь без картинок и замените все ссылки( во втором Окне и в НТМL верх), своими, уже перезалитыми!

Отредактировано Deff (Чт, 2 Сен 2010 12:08:28)

0

Поделиться214Чт, 2 Сен 2010 12:20:04

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

Jane Rover написал(а):

Еще видела, что можно выпадающее меню затолкать в шапку, дайти скрипт

HTML верх - самый верх

<div style="position: absolute; width: 450px; height:219px; top:500px; left:140px; border: none; font-family: arial; font-size: 12px; padding-left: 20px; padding-right: 20px; line-height: 90%;"><br/>ВАШ ТЕКСТ Или выпадающее меню (*вместо объявления)<br/><br/>
</div>

Красным - основные регулировки расположения

Jane Rover написал(а):

И иконки у меня косячно встают, они справа размером 99/60 ставлю скрипт, </style><style type="text/css">99px; height:60px; border-style: none;background-image: url("http://xmages.net/storage/10/1/0/b/9/upload/59d4e006.png");background-repeat: no-repeat;position: relative; margin-right: 0px;}TR.inew Div.icon {background: url("http://xmages.net/storage/10/1/0/b/0/upload/2ac5c140.png") no-repeat;}TR.isticky Div.icon {background: url("http://xmages.net/storage/10/1/0/6/8/upload/8603b9e9.png") no-repeat;}TR.iclosed Div.icon {background: url("http://xmages.net/storage/10/1/0/7/9/upload/db57f398.png") no-repeat;}</style>

Во первых кривой код > надо чо нидь так :

<style type="text/css"> /* Текущие Иконки */
Div.icon {background-image: url("http://xmages.net/storage/10/1/0/b/9/upload/59d4e006.png) !important;
width: 60px !important;
height: 99px !important;
margin-right: 9px;
margin-left: 2px;
position: relative;
background-repeat: no-repeat;
}

TR.inew Div.icon {
background: url(http://xmages.net/storage/10/1/0/b/9/up … d4e006.png) no-repeat;
}
TR.inew Div.icon {
background: url(http://xmages.net/storage/10/1/0/b/0/up … c5c140.png) no-repeat;
}
TR.isticky Div.icon {
background: url(http://xmages.net/storage/10/1/0/6/8/up … 03b9e9.png) no-repeat;
}
TR.iclosed Div.icon {
background: url(http://xmages.net/storage/10/1/0/7/9/up … 57f398.png) no-repeat;
}
</style>

Во -вторых адрес сайта.. шоб не теория

Отредактировано Deff (Чт, 2 Сен 2010 13:17:44)

0

Поделиться215Чт, 2 Сен 2010 12:25:02

Автор: Jane Rover
Заслуженный
Зарегистрирован: Вт, 15 Дек 2009
Сообщений: 130
Уважение: +2
Позитив: +21
Пол: Женский
Последний визит:
Пт, 14 Июн 2013 13:00:05

Deff
спасибо-спасибо!)

А подскажи еще пожалста,как через структуру css шапку увеличить в длину (надеюсь нормально объяснила...)

0

Поделиться216Чт, 2 Сен 2010 13:46:44

Автор: Sacanya
Заслуженный
Зарегистрирован: Вс, 13 Май 2007
Сообщений: 196
Уважение: 0
Позитив: +18
Последний визит:
Вс, 31 Июл 2011 14:15:23

rps, а можете поставить код: http://www.htmlbook.ru/css/first-letter.html ? Если получится. Ну и код весь кидайте, тогда...

~~жду~~

Отредактировано Sacanya (Чт, 2 Сен 2010 13:55:18)

0

Поделиться217Чт, 2 Сен 2010 13:57:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

Jane Rover написал(а):

А подскажи еще пожалста,как через структуру css шапку увеличить в длину (надеюсь нормально объяснила...)

<style type="text/css">
#title-logo-table {height: 1000px; }
</style>

Форум имеет отступ от верха на высоту чистой(*пустой шапки) - Код чтобы отодвинуть меню навигации от верха -Красным - регулируете

Отредактировано Deff (Чт, 2 Сен 2010 14:56:11)

0

Поделиться218Чт, 2 Сен 2010 14:05:24

Автор: Jane Rover
Заслуженный
Зарегистрирован: Вт, 15 Дек 2009
Сообщений: 130
Уважение: +2
Позитив: +21
Пол: Женский
Последний визит:
Пт, 14 Июн 2013 13:00:05

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

Ток у Вас коричневый фон, по которому ездит форум, он прорисован на бекграунде - поэтому чисто надпись с меню навигации по нему съедит вниз ( двигать коричневое нужно в фотошопе http://xmages.net/storage/10/1/0/a/b/up … cb6f8d.png

Ну да, это я знаю, а мне надо впихнуть картинками Форум, Поиск и тд, для этого нужно подвинуть шапку, чтобы они вниз съехала, (короче опустить Новые сообщения, старые сообщения, Форум, Участники и тд и тп)

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

Во первых кривой код > надо чо нидь так :

не, все равно не так
http://lifeplay.mybb.ru/

0

Поделиться219Чт, 2 Сен 2010 14:42:47

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 15:57:59

Jane Rover написал(а):

не, все равно не такhttp://lifeplay.mybb.ru/

Выньте из HTML низ такой код

<style>
.punbb div.icon {float:right!important;}
</style>

И вместо него в HTML верх, сразу после секции Иконок вставьте следущий код

<style>
.punbb div.icon {float:right!important; width: 100px;}
</style>

(*Поправил

Отредактировано Deff (Чт, 2 Сен 2010 14:56:49)

+1

Поделиться220Чт, 2 Сен 2010 14:58:34

Автор: Jane Rover
Заслуженный
Зарегистрирован: Вт, 15 Дек 2009
Сообщений: 130
Уважение: +2
Позитив: +21
Пол: Женский
Последний визит:
Пт, 14 Июн 2013 13:00:05

Deff
Спасибо! :cool:

0

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 201 страница 220 из 1000

Поделиться201Ср, 1 Сен 2010 21:12:45

Поделиться202Ср, 1 Сен 2010 21:26:33

Поделиться203Ср, 1 Сен 2010 21:29:51

Поделиться204Ср, 1 Сен 2010 21:36:48

Поделиться205Ср, 1 Сен 2010 21:37:48

Поделиться206Ср, 1 Сен 2010 21:57:24

Поделиться207Ср, 1 Сен 2010 22:06:32

Поделиться208Ср, 1 Сен 2010 22:17:03

Поделиться209Ср, 1 Сен 2010 22:30:22

Поделиться210Чт, 2 Сен 2010 04:27:06

Поделиться211Чт, 2 Сен 2010 11:02:30

Поделиться212Чт, 2 Сен 2010 11:38:26

Поделиться213Чт, 2 Сен 2010 12:04:16

Поделиться214Чт, 2 Сен 2010 12:20:04

Поделиться215Чт, 2 Сен 2010 12:25:02

Поделиться216Чт, 2 Сен 2010 13:46:44

Поделиться217Чт, 2 Сен 2010 13:57:43

Поделиться218Чт, 2 Сен 2010 14:05:24

Поделиться219Чт, 2 Сен 2010 14:42:47

Поделиться220Чт, 2 Сен 2010 14:58:34