Alternative Art : breath of a phoenix

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

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


Вы здесь » Alternative Art : breath of a phoenix » Вопросы по CSS » Вопросы/проблемы со стилем vol.03 <


Вопросы/проблемы со стилем vol.03 <

Сообщений 601 страница 630 из 853

601

Знаете, у меня назрел вопрос: а вообще можно рекламный баннер сделать полу-прозрачным? Вообще кажется нельзя...

0

602

___Arisu?
Можно, но за это банят форумы, кажется. По крайне мере помню, что грозились этим админы сервиса MyBB :D

+1

603

Мммм... Deisy-, спасибо)

0

604

У меня проблема на проблеме...
Я сделала форум прозрачным, но он у меня не однотонный, можете помочь?
Вот ссыль - 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;
    }

0

605

___Arisu?

#pun {
    Background-image: url(http://savepic.ru/2608474.png);
    }

Этого кода достаточно, так как #pun отвечает за всё тело форума. Т.е. убирайте из CS1 все эти Background-image: url(http://savepic.ru/2608474.png); и ставьте Background: transparent;

+1

606

Deisy-
Большое спасибо!
Низкий поклон вам

0

607

Спасите меня еще раз =DD любить до гроба буду ахах)
в общем, проблема на скрине
http://s2.ipicture.ru/uploads/20110503/89TA41US.jpg
Видите, где белым написано - "сам форум"? Как вот этот сам форум опустить ниже
в общем мне нужно сделать так, чтобы фоновая картинка осталась, а сам форум (картинку) опустить чуть ниже (где основной текст, где посты и так далее)
не знаю, поняли ли вы меня..хд
я забыла, как это делается. пытаюсь вспомнить - не получается.((

0

608

#SweetDreams
А5.1
margin: 0px auto 0px auto;
Выделенное меняете на своё значение

+1

609

Deisy-
спасибо, буду знать теперь и это
но у меня почему-то вместе с форумом двигается фоновая картинка
(если что - фоновая картинка идет как огроменная шапка)

0

610

подскажите пожалуйста, как изсменить цвет кнопки в сообщении "отправить". а то она сливается у меня с телом форума.

0

611

.klewer написал(а):

цвет кнопки

#post .formsubmit .button {...}

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

0

612

#SweetDreams
В таких ситуациях, обычно, люди оставляют ссылку =____=

0

613

Deisy- написал(а):

В таких ситуациях, обычно, люди оставляют ссылку =____=

вот
видите, какая тут лажа?
я не хочу делать шапку меньше, подняв дурацкий свиток выше. я хочу опустить фоновую картинку форума (центр) просто пониже. Раньше меняла - сейчас забыла
+ возник вопрос, который, возможно, много раз задавали
тут стоит посмотреть вниз
как сделать так, чтобы нижняя картинка стояла по центру и была как бы присоединена к форуму, без косяков, которые сейчас?

0

614

#SweetDreams, я влезу не в свое дело, но вам не кажется, что все это можно сделать гораздо компактнее и красивее? ) Обрезать завиток у основания, фон залить не картинкой, а цветом, подложку - сделать из узенькой полоски основного тела свитка...
Так гораздо удобнее и проще будет работать с кодами.

#SweetDreams написал(а):

опустить фоновую картинку форума (центр) просто пониже.

попробуйте поменять отступы меню пользователя:

#pun-ulinks .container {padding-bottom: Npx;}

#SweetDreams написал(а):

без косяков, которые сейчас?

попробуйте убрать в хтмл-низе некие "фреймы":

<iframe name="AddVote" width="0" height="0"></iframe>

+1

615

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

я влезу не в свое дело

да влезайте, я только "за" дельные советы, если они помогут
ОМГ! откуда у Вас мое убожество ахах =DD

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

Обрезать завиток у основания, фон залить не картинкой, а цветом, подложку - сделать из узенькой полоски основного тела свитка...

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

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

попробуйте поменять отступы меню пользователя:

не помогает. меню "новые сообщения и т.д" в сторону уходят. нет, не то х)

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

попробуйте убрать в хтмл-низе некие "фреймы":

честно говоря - не поняла. никогда с этим не сталкивалась и чувствую себя лохом
если разъясните, буду оочень признательна.

0

616

#SweetDreams написал(а):

если разъясните, буду оочень признательна.

смотрите все, что стоит у вас в хтмл-низе, ищете выделенную мною строку, удаляете, тестите результат.

#SweetDreams написал(а):

не помогает.

Хм, точно ставите размер? На тестовике у себя залил ваш стиль - вроде, помогло. Ладно, посмотрю, что еще можно сделать.

#SweetDreams написал(а):

ОМГ! откуда

А вы думаете, зачем мы ссылки требуем? )) Чтобы непосредственно до кода добраться )

0

617

#SweetDreams, плюс у вас незакрытые описания элементов. Многие вещи коряво отображаются и будут отображаться при таком раскладе.
Шерстите стиль, ставьте закрывающие фигурные скобки в обязательном порядке!

0

618

http://soulsale.rusff.me/
Говорят, что на ГуглХроме шапка сильно съезжает, на опере и лисе (у меня, по крайней мере), все в порядке. Как-то можно исправить?

Отредактировано Дональд (04-05-2011 12:11:36)

0

619

Дональд написал(а):

Говорят, что на ГуглХроме шапка сильно съезжает

Ну, у мня не так уж сильно - просто пикселов на 20 обрезается справа )
Попробуй переставить шапку через   /* D1.4 */  взамен нынешнего #pun-title .title-logo

#pun-title TABLE {
  border: none;
  height: 300px;
  width: 100%;
}

Параметры картинок-отступов вносить можно те же самые.

+ у тебя дубляж "сдвига" баннера - посмотри на код, что есть внизу и на тот, что стоит в разделе /* CS1.4 */ Реши, какой для тебя важнее ;)

0

620

Ммм
http://academy.myboard.net.ru/
Переставила Тт и вообще нету ничего я дурак, да.

0

621

Дональд, я, если честно, вообще не вижу на том примере, что ты шапку поставила )

В общем, вот:

#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;
}

Но один фиг - все такое же корявое, как и раньше + ошибки в самом коде. Как ни странно, но если эти ошибки убрать - все сановится еще корявее. Дональд, умоляю - проверяй то, что у тебя стоит в стилях!

0

622

Wilhelm, короче, проще не трогать, я понял)

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

Дональд, умоляю - проверяй то, что у тебя стоит в стилях!

Таак если бы я знал, что это ошибки и умел их исправлять.

0

623

Дональд, чувствую, я тебе весь дизайн заново по кодам распихаю )) В обход ныне существующего "шаблона".

0

624

Wilhelm, я не виноват)))

0

625

где нужно сдвигать название форумов влево?

0

626

май. написал(а):

название форумов влево?

#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
text-align: left;  /*отображение текста слева*/
padding-left: Npx;   /*небольшой сдвиг текста от края. Можно удалить*/
}

+1

627

как вот это всё сдвинуть немного влево?
http://imgs.su/tmp/1304743914-432.jpg

0

628

оленяша

/* D3.2 */
#pun-navlinks .container {
  padding: 0.2em 0.7em;
  }

меньше значение выделенного - ближе к левому краю.

0

629

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:<

ну и тогда такой вопрос: как уменьшить расстояние между ними? т.е. между форум и участники, например.

0

630

оленяша написал(а):

text-align: center;

уберите это - и будет счастье ) Или замените на text-align: left;

0


Вы здесь » Alternative Art : breath of a phoenix » Вопросы по CSS » Вопросы/проблемы со стилем vol.03 <


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