Техническая поддержка сервиса Quadro.Boards

Объявление

Идет поиск Хранителя форума

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (3)


Вопросы по оформлению форума, дизайну и css (3)

Сообщений 601 страница 620 из 1000

1

Как сделать? Что вставить? Где править?
Отвечаем на ваши вопросы по оформлению форумов. :mybb:

Прошлые темы:
1. Вопросы по оформлению форумов, дизайну и css
2. Вопросы по оформлению форумов, дизайну и css - 2

Теги: вопросы по оформлению, стиль форума, стиль, css, style, как сделать

0

601

Ichimaru Gin написал(а):

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

#pun-navlinks, #pun-navlinks .container {
top: 30px;

Так?

0

602

Ichimaru Gin написал(а):

все присытковать к верху, top, потому что иначе стыки ты не подгонишь.

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

0

603

Так секунду. Какой способ самый простой и "для чайников" будет? что бы в пол часа расправится.

0

604

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

fixed

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

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

Какой способ самый простой и "для чайников" будет? что бы в пол часа расправится.

делай шапку через лого. все остальное у тебя настроено уже. Все меню и начало пана прорисуй в этой картинке:
Rusff.ru Graffiti
а потом настроишь отступ. я если честно не глядя не скажу, что двигать надо, учитывая, что активные темы у тебя должны быть в конкретном месте, сделаешь картинку, тогда уже.

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

0

605

Ichimaru Gin
Ну сейчас попробую... надеюсь правильно нахимичу ._.

0

606

http://vghfhjf.0pk.ru/
Проблема с выскальзывающим блоком.
http://imgdisk.ru/images/sPkNf.png
Хотелось бы, чтобы он весь отображался, если наводить на нижние картинки, их там немного больше планируется
Использовала этот код:

Код:
.thumbnail{   position: relative;   z-index: 1; margin: auto auto auto auto; }   
.thumbnail:hover{   background-color: transparent;   z-index: 50; margin: auto auto auto auto; }   
.thumbnail span{ /*CSS for enlarged image*/  position: absolute;   background-color: #d5cfb9;   padding: 5px;   left: -1000px;   border: 1px solid #a0886c;   visibility: hidden;   color: black;   text-decoration: none;   border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; }   
.thumbnail span img{ /*CSS for enlarged image*/   border-width: 0;   padding: 2px;   }   
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ position: absolute;  visibility: visible;   top: -30px;   left: -60px; /*position where enlarged image should offset horizontally */  width: 160px; height: auto;  }

И то, что вставляется в таблицу:

Код:
<a class="thumbnail" href="http://elinorworld.ru/viewtopic.php?id=70#p550"><img src="http://imgdisk.ru/images/Exi8j.png" border="0" /><span><center><b>Глава воров</b></center><img src="http://imgdisk.ru/images/VnERr.png" /><br>
Глава гильдии воров, бывший военный.</span></a> <a class="thumbnail" href="http://elinorworld.ru/viewtopic.php?id=70#p550"><img src="http://imgdisk.ru/images/l3h9c.png" border="0" /><span><center><b>Опальный принц</b></center><img src="http://imgdisk.ru/images/ejZCS.png" /><br>
Создатель и глава гильдии наемников.</span></a> <a class="thumbnail" href="http://elinorworld.ru/viewtopic.php?id=70#p550"><img src="http://imgdisk.ru/images/fzNGI.png" border="0" /><span><center><b>Принц трущоб</b></center><img src="http://imgdisk.ru/images/DgK.png" /><br>
Глава гильдии нищих, их защитник и надежда.</span></a>

Помогите т.т

0

607

Энджи
А вас бы устроило, если бы не было прокрутки в этом столбце? т.е., если хотите добавить еще картинки, то в ширину придется, а по высоте будет только две строчки?

Тогда Найдите в таблице второй столбец. там  <div style="height: 200px; width: 100%; overflow-x: hidden; overflow-y: scroll;">
и оставьте так:
<div style="height: 200px; width: 100%;">
(если не найдете, дайте код таблицы целиком)
Без прокрутки картинка показывается полностью.

Если нужна прокрутка, то ждите техника. я не знаю как.

+1

608

Ichimaru Gin
Спасибо) я поняла как сделать)

0

609

Ichimaru Gin
О____о что то я там вообще рождение джигурды устроил.

0

610

Только смеяться не надо .____.

Какая ссыль на страницу с кодом? у меня всё админ меню скрыто.

Отредактировано Heigo (20.03.2014 16:32:40)

0

611

Heigo
#pun-title {
  background: url("http://s9.uploads.ru/cv6tw.png") no-repeat scroll center top rgba(0, 0, 0, 0);
  border: medium none;
  height: 889px !important;
  left: -3px;
  position: absolute;
  width: 1350px;
top: -250px;
}

#pun-navlinks, #pun-navlinks .container {
  border-style: none;
  border-width: 100px;
  font-family: palatino linotype;
  font-size: 15px;
  height: 100px;
  padding-top: 400px;
  text-align: center;
  top: 0;
}

Пояснения:
top: -250px; чтобы убрать то, что ты напрозрачнил вверху. учти что просвечивает береза, нельзя делать прозрачность там. Если хочешь, чтобы смотрелось как бы полукругом, то подложи  фоновую картинку, а поверх уже композицию с волками. И сохраняй вместе с фоновой картинкой
Тогда этот отступ вверх можно будет убрать, и тогда для #pun-navlinks, #pun-navlinks .container  padding-top: 400px;  будет 660.

  Для #pun-navlinks, #pun-navlinks .container надо убрать фон, он у тебя уже нарисован шапкой.

И верхняя категория обрезана шапочной картинкой. Если будет объявление, то сразу оставь на него отступ, если не будет, то надо уменьшать количество добавленного снизу пана в шапочной картинке.
Ну и по краям размыто неаккуратно, хорошо заметен переход. Выход такой. берешь фоновую картинку. размещаешь ее по центру, пристыковав к верху. в фш, дублируешь ОТ ЦЕНТРА, от верха!
И, размывая края композиции с волками, смотришь, чтобы переход в фон был аккуратный. (вообще, ты заметил. что в приведенных примерах фон однотонный? не сделать ли тебе так? размыть в цвет гораздо проще, чем в картинку)

http://heigo.rusff.ru/admin_style.php (ссыль на администрирование стиля)

+1

612

Ichimaru Gin
Можно ссылку на страницу редактирования?

Блин что то я вообще сейчас туплю..

0

613

Ichimaru Gin написал(а):

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

Можно по понятней?)) всё разобрался

Ichimaru Gin написал(а):

Ну и по краям размыто неаккуратно, хорошо заметен переход. Выход такой. берешь фоновую картинку. размещаешь ее по центру, пристыковав к верху. в фш, дублируешь ОТ ЦЕНТРА, от верха!

Не умелец я так размывать,

Ichimaru Gin написал(а):

Ну и по краям размыто неаккуратно, хорошо заметен переход. Выход такой. берешь фоновую картинку. размещаешь ее по центру, пристыковав к верху. в фш, дублируешь ОТ ЦЕНТРА, от верха!
И, размывая края композиции с волками, смотришь, чтобы переход в фон был аккуратный. (вообще, ты заметил. что в приведенных примерах фон однотонный? не сделать ли тебе так? размыть в цвет гораздо проще, чем в картинку)

Это для фш? а гимп потянет ли такие вещи? 3 месяца как не занимался ничем графическим...

Отредактировано Heigo (20.03.2014 17:04:58)

0

614

Ссыль не надо) всё кое как попал.

0

615

Ichimaru Gin написал(а):

Для #pun-navlinks, #pun-navlinks .container надо убрать фон, он у тебя уже нарисован шапкой.

Я уже понял что убрать картинку меню т.к на шапке.

Ichimaru Gin написал(а):

Тогда этот отступ вверх можно будет убрать, и тогда для #pun-navlinks, #pun-navlinks .container  padding-top: 400px;  будет 660.

Это тоже уже понял.

0

616

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

Отредактировано Heigo (20.03.2014 17:08:35)

0

617

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

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

не знаю  :D В фотошопе стиркой руками или стыбрить где-то размытую картинку нужного размера и создать обртавочную маску)

0

618

Ichimaru Gin написал(а):

не знаю  :D В фотошопе стиркой руками или стыбрить где-то размытую картинку нужного размера и создать обртавочную маску)

Оо кисть размытие больше то и не знаю)) хм... может попробовать в Аватане, там на альфа канал полутень накладывается при определённых критериях =\

Так как я понял. Надо фон который на форуме положить как фон на шапку так? саму шапку обрезать и выровнять что бы более менее гладко выглядело на фоне? и так же убрать прозначность между меню и телом. Верно?

0

619

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

и в плане краёв у шапки, что там эта же берёзка лезет куда не надо...

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

0

620

Ichimaru Gin написал(а):

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

Эх... Понял.. надо бросать Вольберта и уходить на адобе(( сейчас скину...

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » Вопросы по оформлению форума, дизайну и css (3)


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC