Лимонное настроение!

Объявление

24.11.2019
Всем привет, это админ форума Paranoia Doll.
Меня очень давно тут не было. Заброшенный форум облюбовали спамеры.
Ну что ж, все аккаунты спамеров удалены, сообщения почищены. Регистрация закрыта.
Форум заморожен в том состоянии, в котором он существовал, когда тут было интересно и весело.
Если вдруг сюда кто-то забредёт из старых пользователей, кто любил этот форум и всю ту вакханалию что тут творилась - меня можно найти в вк.
Ваша, Paranoia Doll <3

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

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


Вы здесь » Лимонное настроение! » ЛН old » Делаем дизайн самостоятельно (для новичков)


Делаем дизайн самостоятельно (для новичков)

Сообщений 61 страница 90 из 92

61

.Jeevas
у меня включен свой стиль

0

62

Yuko-san
.читаем пост #54.

вот,например, ваш код, выделенное смотрим.

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #888888; background-image: url("http://s005.radikal.ru/i212/1002/8b/cfbb533d6f3e.jpg"); background-repeat : repeaty;

}

/* 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-color: #FFE4C4;
  color: #776040;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #DDC2A2;
  color: #FFFCFC;
  font-weight: bold;
font-style: italic;
background-image: url(http://i052.radikal.ru/0909/57/240d2a050c4f.jpg);

  }

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

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #FFE4C4;
  color: #776040
  }

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

/* CS1.8 */
#pun-navlinks .container {
  background-color: #D19275;
  color: #FFFCFC;
  }

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #D2B48C;
  color: #776040
}

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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #DFC4A4 #FFFFE4 #FFFFE4 #DFC4A4;
  }

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

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

.punbb .divider {
  border-color: #DFC4A4 #FFFFE4 #FFFFE4 #FFFFE4
  }

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

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

.punbb .post-sig dt {
  border-top-color: #FFE4C4 !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: #D2691E;
  font-weight: bold;
font-style: italic;
  border-bottom: 0px none #000;
  text-decoration: underline;

  }

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

/* 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: #BBA080;
  font-weight: bold;
font-style: italic;
  border-bottom: 0px none #000;
  text-decoration: underline;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #FFFCFC;
  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: #FFFCFC;
  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: #D2691E #B24900 #A23900 #B24900}
tr.iredirect div.icon {border-color: #FFE4C4 #FFE4C4 #FFE4C4 #FFE4C4}
div.inew {border-color: #FFF7F7 #DFD7D7 #CFC7C7 #DFD7D7}

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

.ссылку на свою картинку ставите.

Отредактировано .Jeevas (05.02.2010 12:41:02)

+1

63

Спасибо! http://forumupload.ru/uploads/0009/3f/08/38481-3.gif

0

64

Paranoia Doll написал(а):

2. Самостоятельно делаем цветовую схему в генераторе http://mybb.ru/generator/

а где у нас это находится?

0

65

У меня все есть, исходные и конкретные задачи. Мне бы пока только шапку, фон на котором таблица , и иконки тем.
http://ezoterika.rusff.me

0

66

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

а где у нас это находится?

У нас - это в каком смысле?
Свои иконки вместо стандартных
Как сделать фон и правильно его настроить?

+1

67

Paranoia Doll написал(а):

У нас - это в каком смысле?

у нас на форуме  :blush: , то что вы скинули

Самостоятельно делаем цветовую схему в генераторе http://mybb.ru/generator/

это у нас на форуме есть?
спасибо за советы  :love:  http://i.rusff.me/f/ru/rusff/184369b00dfe.gif

0

68

Скажите пожалуйста, а как мне можно сделать фоновую картинку (как у вас с лимончиками) и небольшую картинку, там где текст писать) (у вас в уголке картинка с лимончиком)
http://s44.radikal.ru/i106/1002/76/f1c6906574c7.jpg
куда вставлять ссылку картинкой своей?

Отредактировано Das_schwarze_Eis (27.02.2010 18:45:53)

0

69

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

это у нас на форуме есть?

Это универсальный генератор для всех форумов.
Das_schwarze_Eis

<style type="text/css">
html, body {background-image: url(адрес картинки для фона);}
#pun-main .formal textarea {background-image: url(адрес картинки для формы ввода текста); background-repeat: no-repeat; background-position: top right;}
</style>

0

70

Paranoia Doll написал(а):

<style type="text/css">
html, body {background-image: url(адрес картинки для фона);}
#pun-main .formal textarea {background-image: url(адрес картинки для формы ввода текста); background-repeat: no-repeat; background-position: top right;}
</style>

ой, я не поняла для чего был этот скрипт? :blush:

0

71

Paranoia Doll
Могу я у себя текст: Форум Участники Награды Правила Поиск Профиль Сообщения Администрирование Выход
заменить на ваш шрифт http://i45.tinypic.com/2a9p735.jpg
если да то как? так же и этот :Новые сообщения Активные темы Темы без ответов Мои сообщения Подписка Все прочитано
а еще просьба, после установки шапки у меня появилось ненужное пространство под шапкой, как его убрать?
http://ezoterika.rusff.me/
спасибо

0

72

Paranoia Doll
мне нужно настроить  фон на котором таблица , и иконки тем.
http://ezoterika.rusff.me пожалуйста помогите.

0

73

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

а еще просьба, после установки шапки у меня появилось ненужное пространство под шапкой, как его убрать?http://ezoterika.rusff.me/

<style type="text/css">
#pun-title table {background-image : url(ссылка на картинку);
height : 132px;
}
</style>

выделенное жирным это высота шапки, которую вы меняете на свою

0

74

Вирона
от спасибочки, щас попробую  :love:
в общем у меня стоит  в хтмл верх скрипт на картинку, я там не вижу где менять пиксели
<img id="Mylogo" src="http://s49.radikal.ru/i126/1002/a7/5e887bb280b7.jpg" />
<style type="text/css">
#Mylogo {width: 100%; margin: 0 0 0 0;}
</style>
и вообще мы тока размер шапки можем менять?
я думала что можно уменьшить пространство между картинкой и таблицей. Нет?

Отредактировано Nika (28.02.2010 11:53:28)

0

75

Пожалуйста кто-нибудь ответьте мне на мои сообщения 71-72  :flag:

0

76

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

в общем у меня стоит  в хтмл верх скрипт на картинку, я там не вижу где менять пиксели

поставьте шапку скриптом с 73 поста, там как раз меняется высота
если не получится, то возможно это зависит от вашего стиля  :dontknow:

0

77

Вирона написал(а):

поставьте шапку скриптом с 73 поста, там как раз меняется высота

поменялась ширина, и стиля своего у нас нет. это выбрано из стилей предоставленных на форуме.
:(

0

78

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

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

да я поняла, что это стандартный стиль, поэтому думаю пространство и остается...  :dontknow:

0

79

Вирона написал(а):

поэтому думаю пространство и остается..

и что теперь так и останется?
http://ezoterika.rusff.me/ и ничего не сделать?

0

80

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

0

81

Nika
ой, может у вас шапка размера другого?

0

82

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

0

83

Nika
в стандартных стилях всегда так получается.

0

84

А тут что то намудрила с кодом... В общем проверьте позязя, и если что можете исправить?
http://s15.radikal.ru/i188/1006/b6/b668c9d4094bt.jpg

Код:
[hide=5]/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body{
  background: url(http://www.lenagold.ru/fon/geom/shar/gelt/gelshar08.jpg);
}

#pun-title TABLE {
    background: url(http://s004.radikal.ru/i206/1006/88/783c811e7483.jpg) transparent no-repeat center top;
}

html {  background-color: transparent; }

#pun {
        background: url(http://s004.radikal.ru/i206/1006/88/783c811e7483.jpg) transparent repeat-y center;
        color: #000;
        border-color: transparent;
  }
body {
	background-color: #5A3100;
}

/* 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-color: #492500;
  color: #020000;
  }

#pun-title table {
background: url(Шапка) no-repeat; 
}

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #492500;
  color: #020000;
  font-weight: normal;
font-style: normal;
background-image: url(http://s55.radikal.ru/i149/1006/be/780479b6eb8d.png);
text-align: center;

  }

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

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

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #5A3100;
  color: #020000
  }

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

/* CS1.8 */
#pun-navlinks .container {
  background: none;
  color: #492500;
  text-align: center;
  }
#pun-ulinks .container {
text-align: center;
}

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #5A3100;
  color: #000
  font-weight: normal
}


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

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

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

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

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

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

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #290500 #694520 #694520 #290500;
  }

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

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

.punbb .divider {
  border-color: #290500 #694520 #694520 #694520
  }

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

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

.punbb .post-sig dt {
  border-top-color: #6B4711 !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: #000;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

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

/* 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: #000;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #000;
  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(старое) no-repeat;
}
tr.inew div.icon {
        background: url(новое) no-repeat;
}
tr.iclosed div.icon {
        background: url(важно) no-repeat;
}
tr.iredirect div.icon {
        background: url(закрыто) no-repeat;
}
tr.isticky div.icon {
        background: url(перенесено) no-repeat;
}
#pun-main div.catleft, #pun-main div.catright {display: none}

#pun-about p.container {
background: url(Стиль от меня) no-repeat; height: 102px;
}[/hide]

Отредакировано, FeroDaR причина - структуру выкладывать через тег [code][/code] !

0

85

Das_schwarze_Eis, какая ширина форума?А какая фона?И вообще, зачем нам цвета?Оо
Нам стркутура нужна Оо

0

86

Александра, Ширина должна быть как на этом форуме. Там стоит вот такой вот кодик в хтмл вверх

<style type="text/css">
#pun {width:50%; margin: auto;}
</style>

Ширина фона. Думаю я правильно поняла.... Ну в обшем у меня экран 1920*1080.
Цвета? 0_0 Ну что бы было буковки видно!) Если что я просто переделывала в первый раз код из обычного редактора который мне дали ссылкой на этом форуме. Хотя я просила код для вставки в стиль с этими картинками...
В общем в паинте помудрила, и вот примерно вот такой штуки я хотела добиться(но не получилось):
http://i038.radikal.ru/1006/29/34455d73550ft.jpg
Если я совсем не понятно написала, а я это умеюХ)... Мошно по ширине ориентироваться на "лимонное настроение".
Или на сколько я поняла могу кинуть заготовки...0_0
Форум -

Переходы -

Отредактировано Das_schwarze_Eis (04.06.2010 19:04:49)

0

87

У меня вопрос... когда я изменила дизайн сайта, который был представлен в генераторе, у меня весь сайт сузился вот http://hollywood.ixbb.ru/ как мне вернуть ширину, которая была... ширину обычного сайта??

0

88

Flash
ширину меняете в первом окошке

ищем эту часть

/* A5.1 */
#pun {
        margin: 30px auto auto auto;
        width : 820px;
        padding: 6px;

выделенное - ширина форума, меняете

0

89

Вирона
Спасибо большое, помогло... только после растяжки появилась другая проблема...
Посмотрите пожалуйста http://hollywood.ixbb.ru/ как это исправить??

0

90

Flash
все не обязательно было менять) я имела ввиду цифру)
вы там скобочку потеряли

тоесть так должно быть

/* A5.1 */
#pun {
        margin: 30px auto auto auto;
        width : 820px;
        padding: 6px;
}

0


Вы здесь » Лимонное настроение! » ЛН old » Делаем дизайн самостоятельно (для новичков)


Рейтинг форумов | Создать форум бесплатно