Обсуждение дизайна групп, консультации и помощь

Можно переверстать код таким образом,что бы картинки (цвет) кнопок "Написать сообщение", "Создать новый топик", "Создать новый опрос", "Ответить" и "Цитировать" были указаны в css, а не напрямую на странице?

Это картинки, а не текст.

(Румпельштицкин @ 04.11.2012 - время: 14:52)
Это картинки, а не текст.
Да,картинки...которые я хочу заменить на:







Сейчас я этого сделать,как я понимаю,не могу.
Если могу,то в каком коде?

Это сообщение отредактировал Потёмкин - 04-11-2012 - 15:10

Не можете, надо подумать как их заменить на просто ссылки.

Кто подскажет, можно ли в "head" заменить картинку с логотипом форума на такую же, но в другой цветовой гамме. Картинка есть и вроде вставлял ссылку, но не изменяется.

Нельзя ее заменить, это логотип.

А почему нельзя?
Вот тут логотип прописан как картинка... выделил красным ссылку

<div id="head">
<img src="/image/logosn.png" border="0" align="absmiddle" alt="Взрослая социальная сеть"/>
<a href="http://www.sxnarod.com/">
<a href="http://community.sxnarod.com/">
<a href="http://www.sxnarod.com/journal.php">
<a href="http://www.sxnarod.com/index.php?act=Login&CODE=03">
<!-- <form action="http://www.sxnarod.com/index.php?act=Search&CODE=01" method="post" name="sForm">
<input name="keywords" id="keywords" class="topsearch" type="text" size="20" maxlength="25" />
<input name="" value="Найти" type="submit" style="padding:2px 5px 2px 5px" />&nbsp;
<a href="http://www.sxnarod.com/index.php?act=Search"><img src="image/icons_add.png" width="18" height="20" align="absmiddle" /></a>
</form> -->
</div>

Это в общем коде страницы.
_______________________________

А это код в дизайне группы

<style type='text/css'>
body {background:url(https://dl.backbook.me//jbig_photo/b74cef46aa.png) top repeat-x #1d1d1d}
#head {width:1000px; background:#600 url(https://dl.backbook.me//jbig_photo/040a62fef2.jpg) top; margin:10px auto 50px; padding:7px; height:24px; border-radius:6px; box-shadow: 0px 0px 10px #777777; border: 1px solid #FFFFFF}
#head {background: url('https://dl.backbook.me//jbig_photo/040a62fef2.jpg')
#head a {display:block; float:left; padding:3px; margin-right:7px; font-size:14px; color:#fee}
#head form {float:right; margin:0}
#head input {font-size:14px}
#head img {float:left; margin:-38px 15px 0 5px; width:152px; height:66px; url(https://dl.backbook.me//jbig_photo/700457c033.png)}

Тут даже указан размер картинки логотипа, взято тоже с общего дизайна.
Хотелось бы с учётом дизайна поменять её вот на такую

url(http:// - указывается для бекграунда. Правильно: background:url(http://
А логотип не является бекграундом, это картинка.

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

А нафига тогда было давать возможность переделывать дизайн, если нельзя его сделать по своему полностью!
И контентом тема наполняется каждый день и тем уже больше 10... так что не надо про это говорить.

Чесс слово, лишний раз лучше спросить у других, чем тут... с таким отношением

Я где-то писал что можно будет полностью переделать как угодно?
Логотип нельзя сменить.

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

Можно поменять кнопки написания поста, создания топика и опроса.
Для этого надо обратиться к ID блока кнопок, сделать картинку кнопки 1 на 1 пиксель, указать размер ссылки по ширине и высоте и положить бекграунд кнопки.

За верхние кнопки отвечает id="buttoncreate" за нижние id="buttoncreate2".
Пример кода для замены картинки:

-----------
#buttoncreate a {display:block; float:right}
#buttoncreate a:nth-child(1) img {width:1px; height:1px}
#buttoncreate a:nth-child(1) {width:60px; height:20px; background:#f00}
-----------

nth-child(1) - первая кнопка.
Картинку кнопки еще можно отключить свойствами: display:none и visibility:hidden.
В общем поковыряетесь и сделаете как вам надо.

(umelec @ 06.11.2012 - время: 01:49)
логотип есть картинка, которая имеет свой адрес... и непонятно почему её нельзя поменять, вставив свой адрес... да собственно и хрен со всем этим... нет, так нет...
Ее нельзя поменять, ее можно убрать и поставить другую, но только фоном.

(Румпельштицкин @ 08.11.2012 - время: 02:33)
Можно поменять кнопки написания поста, создания топика и опроса.
Ок.Спасибо.

(Румпельштицкин @ 08.11.2012 - время: 00:40)
<q>Ее нельзя поменять, ее можно убрать и поставить другую, но только фоном.</q>
Павел, в том-то и дело, что картинку с логотипом хочу оставить, она нужна, но хотелось чтобы она гармонировала с цветом дизайна... ну чё поделать... нет так нет...

(Румпельштицкин @ 29.10.2012 - время: 16:30)
Может потом кто-то сделает отдельную группу по скинам для групп.
блин,не хотел же....пришлось...
Давайте,присоединяйтесь...CSS-файлы...будем вместе разбираться,что и как

(Румпельштицкин @ 08.11.2012 - время: 00:33)
Можно поменять кнопки написания поста, создания топика и опроса.
Для этого надо обратиться к ID блока кнопок, сделать картинку кнопки 1 на 1 пиксель, указать размер ссылки по ширине и высоте и положить бекграунд кнопки.

За верхние кнопки отвечает id="buttoncreate" за нижние id="buttoncreate2".
Пример кода для замены картинки:

-----------
#buttoncreate a {display:block; float:right}
#buttoncreate a:nth-child(1) img {width:1px; height:1px}
#buttoncreate a:nth-child(1) {width:60px; height:20px; background:#f00}
-----------

nth-child(1) - первая кнопка.
Картинку кнопки еще можно отключить свойствами: display:none и visibility:hidden.
В общем поковыряетесь и сделаете как вам надо.
#buttoncreate a {display:block; float:right; border:1px solid #777; padding:2px; margin:-18px 5px 0 0}
#buttoncreate a:nth-child(1) img {width:1px; height:1px}
#buttoncreate a:nth-child(1) {width:120px; height:30px; background:#fff}
#buttoncreate a:nth-child(2) img {width:1px; height:1px}
#buttoncreate a:nth-child(2) {width:120px; height:30px; background:#fff}
#buttoncreate a:nth-child(3) img {width:1px; height:1px}
#buttoncreate a:nth-child(3) {width:120px; height:30px; background:#fff}

(Вместо цвета - картинка должна быть)

Где ошибка?

Судя по ID, блок кнопок и на странице тем и в топике один и тот же, но на странице тем одна кнопка в блоке отключена. Получается нумерация на нее не идет?
Получается путаница кнопок.

Или что?

Палыч - ты садист. Я только вчера узнал что такое CSS (в буквальном смысле), а ты заставляешь такие задачки решать.)))

Нашел решение для кнопок:

#buttoncreate a {display:block; float:right; border:1px solid #777; padding:2px; margin:-18px 5px 0 0}
#buttoncreate a:nth-child(-n+3) img {width:1px; height:1px}
#buttoncreate a:nth-child(-n+3) {width:120px; height:30px}
#buttoncreate a:nth-last-child(1) {background:#000}
#buttoncreate a:nth-last-child(2) {background:#fff}
#buttoncreate a:nth-last-child(3) {background:#fff}

Вместо цвета вставляем картинку.
Вроде работает...

Это сообщение отредактировал Tchuba - 11-11-2012 - 23:23

(Tchuba @ 12.11.2012 - время: 01:15)
Палыч - ты садист. Я только вчера узнал что такое CSS (в буквальном смысле), а ты заставляешь такие задачки решать.)))

Нашел решение для кнопок:

#buttoncreate a {display:block; float:right; border:1px solid #777; padding:2px; margin:-18px 5px 0 0}
#buttoncreate a:nth-child(-n+3) img {width:1px; height:1px}
#buttoncreate a:nth-child(-n+3) {width:120px; height:30px}
#buttoncreate a:nth-last-child(1) {background:#000}
#buttoncreate a:nth-last-child(2) {background:#fff}
#buttoncreate a:nth-last-child(3) {background:#fff}

Вместо цвета вставляем картинку.
Вроде работает...
Круто!
Снимаю шляпу!

для между прочим.
если будете делать нижние кнопки, то
строки будут выглядеть так
#buttoncreate2 a:nth-child(-n+5) img {width:1px; height:1px}
#buttoncreate2 a:nth-child(-n+5) {width:120px; height:30px}

и счет
#buttoncreate a:nth-last-child(1) {background:#000}
.....
будет идти до 5.

Это сообщение отредактировал Бабуин Павианович Орангутанзе - 12-11-2012 - 14:51

(Бабуин Павианович Орангутанзе @ 12.11.2012 - время: 14:50)
для между прочим.
если будете делать нижние кнопки, то
строки будут выглядеть так
#buttoncreate2 a:nth-child(-n+5) img {width:1px; height:1px}
#buttoncreate2 a:nth-child(-n+5) {width:120px; height:30px}

и счет
#buttoncreate a:nth-last-child(1) {background:#000}
.....
будет идти до 5.
Да хрен там.
Сейчас в в группах я вижу два варианта расположения нижних кнопок.
Так вот для одного - пройдет, для другого будет немного по другому.

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

(Румпельштицкин @ 12.11.2012 - время: 17:19)
Если что, я могу добавить id для варианта кнопок на главной странице и в топике.
Давай, интересно поэксперементировать.
Кстати, по поводу логотипа секснарода: Могу ли я его в правый угол запихнуть или пусть в левом обязательно висит?

(Tchuba @ 12.11.2012 - время: 15:37)
(Бабуин Павианович Орангутанзе @ 12.11.2012 - время: 14:50)
для между прочим.
если будете делать нижние кнопки, то
строки будут выглядеть так
#buttoncreate2 a:nth-child(-n+5) img {width:1px; height:1px}
#buttoncreate2 a:nth-child(-n+5) {width:120px; height:30px}

и счет
#buttoncreate a:nth-last-child(1) {background:#000}
.....
будет идти до 5. Да хрен там.
Сейчас в в группах я вижу два варианта расположения нижних кнопок.
Так вот для одного - пройдет, для другого будет немного по другому.
Для второго варианта nth-last-child(номер кнопки) заменяем на nth-child(номер кнопки)

Логотип лучше не трогать.

А какой id у кнопок "цитировать" и "ответить" в постах?

Они находятся в <div id="postbutton">

Ага, нашел, спасибо.

А в каком коде вот эта штука серо красная теперь живёт?

И туточки полосочка вылазит)

Ага понятно эта штука серо красная сидит в #main

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

Все, я закончил. Я делал дизайн блогам и когда делал, то подумал что хорошо будет в одном стиле все сделать, чтобы CSS можно было переносить между блогами и группами и все отображалось правильно. К тому же важно чтобы дизайны были хорошо отличимы друг от друга и было понятно новичкам куда они попали.

(Румпельштицкин @ 27.11.2012 - время: 13:58)
Все, я закончил. Я делал дизайн блогам и когда делал, то подумал что хорошо будет в одном стиле все сделать, чтобы CSS можно было переносить между блогами и группами и все отображалось правильно. К тому же важно чтобы дизайны были хорошо отличимы друг от друга и было понятно новичкам куда они попали.
Ага, понятно, большое спасибо! :)

У меня несколько вопросов, если можно.

1) Как убрать вот эти границы?



Если я правильно понимаю, надо добавить какой-то код в body, container и right, но какой именно?

Это сообщение отредактировал CHENING - 27-11-2012 - 15:48