Внимание! Данный раздел закрыт и доступен только для чтения в связи с запуском нового проекта uВопросы, на котором Вы можете найти ответ или задать любой интересующий вопрос по системе uCoz. Задавайте вопросы, ищите ответы и помогайте найти ответы другим пользователям системы! Получайте баллы и открывайте новые достижения. Подробнее в блоге...

Перейти на новый сайт помощи по uCoz


  • Страница 1 из 2
  • 1
  • 2
  • »
Архив - только для чтения
Модератор форума: Shеriff, JonMagon, Yuri_G  
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Рамка вокруг новостей, файлов и т.д. (Подскажите плиз, очень срочно нужно:))
Рамка вокруг новостей, файлов и т.д.
Boxer4331
Сообщений: 21
Репутация: 3

Сообщение # 1 | 17:34:24
Здравствуйте, подскажите пожалуйста как мне заменить рамку со стандартной рамки вокруг новости на сайте или вокруг любого другого материала\файла и т.д., на свою, картинкой которая будет. Весь дизайн на сайте сделан в css то-есть надо чтото заменить там, но не знаю что... Подскажите пожалуйста, вот примеры картинок как есть.

и как надо
Прикрепления: 2751727.jpg (98.2 Kb) · 3919135.jpg (171.4 Kb)
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 2 | 18:14:09
Цитата Boxer4331 ()
вот примеры картинок

Так картинки надо обрабатывать в Фотошопе. Без исходного кода страниц можем выдать только общие рекомендации. Бордеры (рамки) прописывают в стилях у элементов контейнеров. А ещё то, что у вас обведено в первом скриншоте может быть линией, она прописывается тегом hr. Но гадать по картинке можно долго. Раз вы такой сообразительный, что вместо адреса сайта нам картинки предоставили, то вот вам ссылка на онлайн-справочник. http://htmlbook.ru/#css это по стилям. http://htmlbook.ru/#html это по коду.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
BoxerLab
Сообщений: 21
Репутация: 3

Сообщение # 3 | 18:39:16
Selena, Там не <hr> там border:) Вот вам сайт: http://games-survarium.3dn.ru/
Вот вам css: http://games-survarium.3dn.ru/_st/my.css

Подскажите плиз что тут да как:) Уже мозги кипят... С тех картинок ничего брать не надо, мне к примеру объясните что надо куда вставить. Я это вижу так: Надо 9 картинок:
Верхний-левый угол, верхняя полоска, верхний-правый угол,
левая полоска, фон, правая полоска,
Нижний-левый угол, нижняя полоска, Нижний правый угол.

Только куда их вставлять я не представляю...

Добавлено (22 Июл 2014, 18:39:16)
---------------------------------------------
Selena, Вот я видимо вашу статью нашёл - http://manual.ucoz.net/board/31-1-0-444
Вот мне надо что-то наподобие, только не вокруг аватара а вокруг материала новости.

BoxerLab
Сообщений: 21
Репутация: 3

Сообщение # 4 | 11:46:52
Selena, Вот что-то типа такого сделать, чтобы не стандартный border был вокруг новости а типа такого как на скрине что выше или на этом:

Как мне надо порезать картинки чтобы они по углам были и не повторялись а чтобы повторялись только верхние и нижние линии и правая и левая? Ума не приложу...

Добавлено (23 Июл 2014, 11:46:52)
---------------------------------------------
Неужели никто не знает?:(

Прикрепления: 0415613.jpg (336.1 Kb)
Сообщение отредактировал BoxerLab - Среда, 23 Июл 2014, 11:46:24
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 5 | 12:43:41
Цитата BoxerLab ()
это вижу так: Надо 9 картинок:
Верхний-левый угол, верхняя полоска, верхний-правый угол,
левая полоска, фон, правая полоска,
Нижний-левый угол, нижняя полоска, Нижний правый угол.

Если размер фиксированный, то можно одну фоновую картинку.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
BoxerLab
Сообщений: 21
Репутация: 3

Сообщение # 6 | 14:19:13
Selena, Ну как, ширина то фиксированная а вот высота зависит от размера новости... Подскажите пожалуйста как мне сделать чтобы было 3 картинки, а именно:
- Верхняя картинка, на которой будет название материала.
- Картинка по центру которая будет повторяться по оси Y в зависимости от размера новости.
- Нижняя картинка, на которой будет информация о просмотрах, количестве комментариев, о авторе, о рейтинге и т.д.

Куда мне прописать это в css, подскажите пожалуйста, а то получается одна лажа...
Вот скрин, картинки тут конечно просто для примера, но видно как фон который должен повторяться по оси Y выходит за рамки картинки с названием материала:
Можно ли сделать как нибудь, чтобы было на подобие как дизайн сайта(как рамка вокруг блока поделена на 3 части так чтобы и рамка вокруг новости была)
Типа того:


И в итоге как мне поставить эти картинки на сайт? Напишите где что заменить просто:)
И чтобы новость немножко находила и на верхнюю картинку (гле название новости) и на нижнюю (Как выделено зелёной областью)
Прикрепления: 7862997.jpg (304.1 Kb) · 3060113.jpg (202.4 Kb) · 0098648.jpg (470.4 Kb)
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 7 | 14:25:50
BoxerLab, три картинки-полоски. Две фиксированного размера (верхняя и нижняя) и средняя должна быть такой, чтоб множилась по вертикали.
Я не поняла сути ваших затруднений.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 8 | 15:07:21
BoxerLab, работать надо с шаблоном "вид материала". Как я вам вам объясню код неведомо чего?
Цитата BoxerLab ()
Напишите где что заменить просто:)

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

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
BoxerLab
Сообщений: 21
Репутация: 3

Сообщение # 9 | 16:00:59
Selena, вот код css
CSS
вот код "Вид Материалов":
Вид материалов
Что мне куда надо засунуть? Картинки я сам нарисую, вы главное покажите куда мне их вставлять:)
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 10 | 19:51:02
BoxerLab, верхнюю картинку сюда:

Код
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>


нижнюю сюда:

Код
<div class="eDetails" style="clear:both;">
здесь всё содержимое низа: рейтинг, информация о категории, авторе добавления и т.п.
</div>


А среднюю в див которым обернуть это:

Код
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?>

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
BoxerLab
Сообщений: 21
Репутация: 3

Сообщение # 11 | 20:44:35
Selena, А это всё писать html кодом? А то что у меня картинки в css это ничего? То что оно наследует класс из css? Ведь там то эти картинки остались? И что делать?

Добавлено (23 Июл 2014, 20:44:35)
---------------------------------------------
Selena, ничего не получается:( Если я ставлю так

Код
<div class="eTitle" style="text-align:left;"><img src="xxx.jpg"/><a href="$ENTRY_URL$">$TITLE$</a></div>

То Картинка ставится во весь размер, но под ней видно картинку что в css прописана, ну или цвет что там задан для этого класса.

А если так
Код
<div class="eTitle" style="text-align:left;" img src="xxx.jpg"><a href="$ENTRY_URL$">$TITLE$</a></div>

То вообще не показывает картинку...
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 12 | 14:24:56
BoxerLab, картинки вставляются в CSS соответствующих классов. Вот по вашей ссылке у вас:

Цитата
.eTitle {padding:0 0 10px 0;}

.eTitle a:hover {text-decoration:none;color:#f3a90a;}
.eTitle div[style^="float:right"] a {font-size: inherit;}
.eDetails,.eDetails1,.eDetails2 {font-size:11px;padding:20px 0 0!important;border-top:1px solid #2e2e2e;}
.eMessage,.eText,.eBlock td.eMessage,.eBlock td.eText {padding:20px 0!important;line-height:150%;}
.eMessage img,.eText img {width:100%;display:block;margin:0 0 20px !important;}
.eMessage p,.eText p{margin:0;padding:0 0 5px 0;}


Вам надо добавить в нужные классы background: url(адрес_картинки); А для средней части background: url(адрес_картинки) repeat-y;

Вы извините, но мы здесь не обучаем HTML и CSS, если уж вы взялись за серьёзное редактирование шаблонов, то вам предварительно нужно приложить усилия по овладению хотя бы базовыми знаниями в этом. Очень хороший онлайн-справочник http://htmlbook.ru/

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
BoxerLab
Сообщений: 21
Репутация: 3

Сообщение # 13 | 18:01:08
Цитата Selena ()
Вам надо добавить в нужные классы background: url(адрес_картинки); А для средней части background: url(адрес_картинки) repeat-y;

Да я всё это прекрасно понимаю:) У меня в другом проблема:) Во первых Вся беда в том что у меня был сайт и не один, на котором я менял дизайны и получалось довольно таки не плохо, но это было в 2008-2009 годах и я уже всё забыл.... Но тогда весь дизайн был в html а в css были только цвета ссылок, а щас весь дизайн в css и я не пойму что к чему... Но основная проблема в том что я нихрена не знаю как сделать так чтобы на верхней картинке (на которой отображается название новости) частично отображалась и сама новость!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Тоесть, текст названия новости по высоте к примеру 14px а высота картинки 100px и чтобы не было большого отступа между названием новости и самим текстом новости мне надо чтобы текст новости отображался на верхней картинке... А уже потом когда верхняя картинка заканчивается тогда чтобы отображалось на средней картинке.
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 14 | 19:54:38
BoxerLab, увы! Нужны точные данные, а не "примерно". И нужно видеть сами картинки. Иначе мне не понятно, полчему вы не справляетесь по достаточно полному описанию действий.
Название новости и сама новость разнесены по разным контейнерам. Так что картинку под название и сам текст надо ставить фоном для class="eBlock". Для eTitle ничего не ставить, а у .eMessage ставить вторую, но с отступом на размер заходящей на текст первой. Без самих картинок точнее я объяснить не могу.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Ubivator
Сообщений: 128
Репутация: 33

Сообщение # 15 | 04:29:11
Как то так примерно =)

P.S. я бы сделал именно таблицей а там фоны и рамки меняй и всё, ну я направление дал, а дальше сам.

Код
<table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="letter-spacing: 0px; word-spacing: 0px; width: 500px; height: 20px; background-image: url(http://ссылка); background-position: 0% 0%; background-repeat: initial;">$TITLE$</td></tr><tr><td style="letter-spacing: 0px; word-spacing: 0px; width: 500px; background-image: url(http://ссылка); background-position: 0% 0%; background-repeat: repeat-y;">$MESSAGE$</td></tr><tr><td style="letter-spacing: 0px; word-spacing: 0px; width: 500px; height: 15px; background-image: url(http://ссылка); background-position: 0% 0%; background-repeat: initial;">$AUTHOR_NAME$ $DATE$ $COMMENTS_NUM$ и т.д.</td></tr></tbody></table>


Воть примерный вид мавтериалов, можно конеш и стилями в ксс, но так проще если в ксс не шаришь =)

Ниже стили в вашем КСС для названия новости.

.eTitle, .eTitle a {position:relative;font-size:18px; /*размер шрифта*/
color:#fff; /*цвет шрифта*/
font-family:"Times New Roman", Georgia, Times, serif; /*шрифт*/
text-transform:uppercase; /*трансформация текста в маленький,средний,большой*/
width: 500px; /*ширина ячейки*/
height: 40px; /*высота ячейки*/
line-height: 20px; /*высота линии для текста*/
background: url(/.s/t/793/8.png) repeat-y; /*фоновая картинка, повторение по оси y*/
text-shadow: #000000 1px 1px 1px; /*тень к тексту и её цвет и отступ*/
border-radius: 5px 5px 5px 5px; /*скругление рамки*/
-moz-border-radius: 5px 5px 5px 5px; /*тоже скругление для мози*/
padding: 0px 0px 0px 20px; /*внутренние отступы: верх,право,низ,лево*/
}

Описал ваще всё читайте внимательно!

Текст новости
".eMessage" ищите в ксс
Низ новости там где дата и пр. ".eDetails"

А если что-то непонятно:

Прикрепления: 0250220.jpg (101.3 Kb)

Сообщение отредактировал Ubivator - Пятница, 25 Июл 2014, 05:01:36
Сообщество uCoz » Архивариус » Вопросы новичков (первые шаги в системе) » Рамка вокруг новостей, файлов и т.д. (Подскажите плиз, очень срочно нужно:))
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: