Вид материалов - Форум - Уникальные шаблоны и дизайн

Приветствую Вас Прохожий | RSS

Воскресенье, 20.07.2025, 03:25

(Cайты из ТОП 100 | сайт: http://citysoft.ucoz.com/ City Soft) [ Новые сообщения · Участники · Общие Правила форума · Поиск · RSS ]

Страница 1 из 1 1
Модератор форума: LEO--MESSI

Вид материалов

veron12

Дата: Среда, 21.09.2011, 22:39 | Сообщение # 1

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Здравствуйте у меня есть вид материалов, и предложения идут столбиком а под изображением пусто как зделать чтоб текст и туда переносился
$IMAGE1$

mdbaner

Дата: Среда, 21.09.2011, 23:36 | Сообщение # 2

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Читаем и копируем:
Как сделать картинку с обтеканием текста вокруг ?

Code

<div style="margin: 0pt 8px 0pt 0pt; text-align: left; float: left; display: block;">
<img src="$OTHER1$" width="130px" alt="$TITLE$">
</div>
<div style="text-align: left; display: block; margin-right: 8px;">
$MESSAGE$
</div>

Подпись пользователя mdbaner1 Права групп и возможности пользователей
2 Общие правила форума которые нужно знать всем
3 Пожаловаться на Администратора или Модератора тут
4 Задать вопрос в Support сайта Ucozon
5 Ответы на постоянные вопросы в модуле FAQ
6 Цены и виды моих услуг по дизайну и настройке

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

Kapusha

Дата: Среда, 21.09.2011, 23:40 | Сообщение # 3

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

mdbaner, Не легче просто к картинке применить стиль float:left;?

Подпись пользователя KapushaМОЙ БЛОГ

veron12

Дата: Среда, 21.09.2011, 23:46 | Сообщение # 4

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

непомогло (редактировал) потом назад вернул

Добавлено (21.09.2011, 23:44)
---------------------------------------------

Code

<div class="viewn_loop">
   <div class="viewn_t">
   <div class="viewn_t_in">
   <h4 class="viewn_title"> <a href="$ENTRY_URL$">$TITLE$</a><div style="float:right">$MODER_PANEL$</div></h4>
   </div>
   </div>
   <div class="viewn_c">
   <div class="viewn_c_in">
   <div class="viewn_c_in2">
   <div class="viewn_detail">
   <div class="right">Добавил: <a href="$PROFILE_URL$" target="_blank"><b>$USERNAME$</b></a> » Дата: <span title="$TIME$">$DATE$</span></div>
   Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
   </div>
   <div class="hr_v"></div>
   <div class="viewn_cont">
   <div class="viewn_l"><img class="news-screenshot1" width="155" height="208" src="$OTHER1$"></div>
   <div class="viewn_r">
   $MESSAGE$
   </div>
   </div>
   <div class="hr_v2"></div>
   <div class="viewn_detail v_detail_b">

   <div class="right"><a href="$ENTRY_URL$" target="_blank"><img class="news-screenshot2" src="/images/442.png" border="0" width="65" height="20" title="" alt=""></a></div>
   Просмотров: $READS$ » Комментариев: $COMMENTS_NUM$
   </div>
   </div>
   </div>
   </div>
   <b class="viewn_b"><b></b></b>
   </div>

Добавлено (21.09.2011, 23:46)
---------------------------------------------
CSS

Code

.viewn_loop {margin-bottom:7px;}
   .viewn_t,
   .viewn_t2 {padding:0 10px 0 0; background:url(/img-gl/viewn_t_bg.png) no-repeat right -34px;}
   .viewn_t_in {height:34px; background:url(/img-gl/viewn_t_bg.png) no-repeat 0 0;}
   .viewn_title {height:16px; padding:9px 0 0 12px; overflow:hidden; font-size:13px; font-weight:bold; color:#FF9900;}
   .viewn_title a {color:000000; text-decoration:none;}
   .viewn_title a:hover {text-decoration:underline;}
   .viewn_c {background:url(/img-gl/viewn_c_bg.png) repeat-y 0 0;}
   .viewn_c_in {padding:0 3px; overflow:hidden; background:url(/img-gl/viewn_c_bg.png) repeat-y right 0;}
   .viewn_c_in2 {padding:5px; background:#ededed;}
   .viewn_detail {overflow:hidden; padding:0 2px; margin:-3px 0 0 0; color:#232323; text-shadow:1px 1px 1px #fff;}
   .viewn_detail a {color:#FF9900; text-shadow:1px 1px 1px #fff; text-decoration:none;}
   .viewn_detail a:hover {text-decoration:underline;}
   .v_detail_b {margin-bottom:-5px;}
   .right {float:right;}
   .hr_v {height:3px; margin:3px 0; border-left:1px solid #7c7c7c; border-right:1px solid #7c7c7c; background:url(/img-gl/punktir_x_grey.png) repeat-x 0 1px;}
   .viewn_cont {overflow:hidden; padding:0 2px;}
   .viewn_cont img {max-width:100%;}
   .viewn_cont img[align="left"] {display:block; float:left; margin:0 10px 10px 0;}
   .viewn_cont img[align="right"] {display:block; float:right; margin:0 0 10px 10px;}
   .viewn_l {width:155px; height:208px; padding:5px; float:left; margin:0 10px 0 0; overflow:hidden; background:url(/img-gl/viewn_img_border_bg.png) no-repeat 0 0;}
   .viewn_l img {width:155px !important; height:208px !important; vertical-align:top;}
   .viewn_r {overflow:hidden; color:#232323; text-shadow:1px 1px 1px #fff;}
   .hr_v2 {height:1px; margin:5px -6px; border-top:1px solid #fff;border-bottom:1px solid #fff; background:#7c7c7c;}
   .viewn_b {height:6px; display:block; padding:0 10px 0 0; background:url(/img-gl/viewn_b_bg.png) no-repeat right -6px;}
   .viewn_b b {height:6px; display:block; background:url(/img-gl/viewn_b_bg.png) no-repeat 0 0;}

   .viewn_b2 {height:6px; display:block; padding:0 10px 0 0; background:url(/img-gl/viewn_b2_bg.png) no-repeat right -6px;}
   .viewn_b2 b {height:6px; display:block; background:url(/img-gl/viewn_b2_bg.png) no-repeat 0 0;}

Сообщение отредактировал veron12 - Среда, 21.09.2011, 23:48

mdbaner

Дата: Четверг, 22.09.2011, 00:10 | Сообщение # 5

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

veron12, И не получится потому что,
как на текст материала,
так и на картинки
влияет стили другие

Code

class="news-screenshot1"

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

veron12

Дата: Четверг, 22.09.2011, 00:25 | Сообщение # 6

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

а какнибудь можно зделать это чтоб стили текста и картинки не пропали ?

mdbaner

Дата: Четверг, 22.09.2011, 00:27 | Сообщение # 7

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

veron12, Все можно если тестировать на сайте когда это делаете.

veron12

Дата: Четверг, 22.09.2011, 01:12 | Сообщение # 8

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

а что именно прописать в css или в виде хоть примерно

mdbaner

Дата: Четверг, 22.09.2011, 02:00 | Сообщение # 9

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

veron12, прописывать можно, как в стиле так и в самом коде, без разницы, просто когда в стиле это добавляет удобство.

таким образом изменяем строку div

Code

на

Code

С условным оператором $MESSAGE$ проделайте тоже самое и все готово.Я думаю вы поймете как это легко.

mdbaner

Дата: Пятница, 23.09.2011, 18:34 | Сообщение # 10

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Выложите снова код который вы изменили , посмотрим что вы не так сделали.

veron12

Дата: Пятница, 23.09.2011, 22:29 | Сообщение # 11

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Code

<div class="viewn_loop">
    <div class="viewn_t">
    <div class="viewn_t_in">
    <h4 class="viewn_title"> <a href="$ENTRY_URL$">$TITLE$</a><div style="float:right">$MODER_PANEL$</div></h4>
    </div>
    </div>
    <div class="viewn_c">
    <div class="viewn_c_in">
    <div class="viewn_c_in2">
    <div class="viewn_detail">
    <div class="right">Добавил: <a href="$PROFILE_URL$" target="_blank"><b>$USERNAME$</b></a> » Дата: <span title="$TIME$">$DATE$</span></div>
    Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a>
    </div>
    <div class="hr_v"></div>
    <div class="viewn_cont">
    <div class="viewn_l" style="margin: 0pt 8px 0pt 0pt; text-align: left; float: left; display: block;"><img class="news-screenshot1" width="155" height="208" src="$OTHER1$"></div>
    <div class="viewn_r" style="margin: 0pt 8px 0pt 0pt; text-align: left; float: left; display: block;">
    $MESSAGE$
    </div>
    </div>
    <div class="hr_v2"></div>
    <div class="viewn_detail v_detail_b">

    <div class="right"><a href="$ENTRY_URL$" target="_blank"><img class="news-screenshot2" src="/images/442.png" border="0" width="65" height="20" title="" alt=""></a></div>
    Просмотров: $READS$ » Комментариев: $COMMENTS_NUM$
    </div>
    </div>
    </div>
    </div>
    <b class="viewn_b"><b></b></b>
    </div>

вот

Dez

Дата: Суббота, 24.09.2011, 00:24 | Сообщение # 12

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

1.Хотелось бы понять зачем для картинке нужно в стиле вот это? text-align: left; display: block;??? зачем указывать конкретные размеры ширины и высоты? имхо достаточно указать ширины.
2. Зачем для MESSAGE тут сдвигать текст по левому краю?

mdbaner

Дата: Суббота, 24.09.2011, 22:57 | Сообщение # 13

Президент

Министр

Академик

Доктор

Кандидат

Аспирант

Магистр

Бакалавр

Абитуриент

Школьник

ИНФОРМАЦИЯ

Все правильно, вероятно ваши стили портят весь вид. к примеру класс на картинку саму.

Вид материалов

Страница 1 из 1
1

Статистика Форума

Новые пользователи

Последние темы

Лучшие пользователи

1 Baldvin (Александр Б)

17:53 - 09.05.2025

2 uAdminist (Анатолий)

06:25 - 07.05.2025

3 arturkaas (arturkaas)

12:26 - 02.12.2024

4 Nynikak (Марина)

20:29 - 06.07.2024

5 Vladimrij (Vladimir)

08:13 - 06.04.2024

6 Highvard (Никита)

11:02 - 10.03.2024

7 Khaliff93 (Artem)

14:28 - 26.02.2024

8 Vvvpol (Stepan)

16:43 - 22.02.2024

9 exvardi (Vladimir)

14:47 - 18.02.2024

10 Ja_Rule (Евгений Пил)

10:19 - 13.02.2024

11 funvaz (Gosha)

20:46 - 22.12.2023

12 dj2nik (dj2nik)

11:22 - 11.12.2023

13 gluk123 (Max)

09:42 - 21.10.2023

14 AlexGrim (Alex)

09:22 - 17.10.2023

15 Renegat95 (Ромич)

09:08 - 08.10.2023

16 leon1965 (Bob Dutu)

15:43 - 13.08.2023

17 2ef005 (Андрей)

12:13 - 04.07.2023

18 Coresh100 (Сергей Моро)

23:22 - 28.06.2023

19 11smith11 (Smith Bonda)

18:49 - 18.06.2023

20 perimetr (Николай)

16:53 - 13.05.2023

21 elm2 (Андрей)

09:46 - 03.05.2023

22 qetruhdf2 (alx alex)

23:29 - 02.04.2023

23 3737 (Dudgos)

18:24 - 19.03.2023

24 ziercool (ziercool)

17:54 - 15.03.2023

25 dedtalash (Вадим)

14:32 - 27.02.2023

26 Robin113 (Andrei)

18:05 - 17.02.2023

27 vova_vova (Vov)

23:03 - 09.11.2022

28 Bull888 (Светлана)

09:08 - 25.10.2022

29 tigo1 (Tigo)

21:52 - 21.10.2022

30 fekin4321 (VladFekin)

00:32 - 14.10.2022

1 Работа на заводе

German ответил автору Vikrumas [28]

2 Комплексный прогон сайтов ру и...

myod ответил автору kysovue [54]

3 Армия

MarinaKli ответил автору MarinaKli [0]

4 Остались честные СМИ?

KateKuz ответил автору KateKuz [0]

5 Раздача подарков и стикеров в ...

KateKuz ответил автору MDNdemon [1]

6 Дисковое пространство

KateKuz ответил автору frolov1028 [3]

7 Может у кого есть!

MarinaKli ответил автору Vistel [5]

8 Ручной прогон по трастовым сай...

kalip27 ответил автору kalip27 [19]

9 бот для умножения денег на фор...

forexmone ответил автору forexmone [0]

10 Программировние

forexmone ответил автору Playmanovich [7]

11 Пропала реклама

forexmone ответил автору frolov1028 [3]

12 У сайта вырос ТИЦ

Openair ответил автору Vistel [8]

13 Нужны дизайнеры

Openair ответил автору demons063 [2]

14 ⭐️Ручной статейный прогон⭐️

eternalli ответил автору eternalli [0]

15 Как раскрутить кино сайт

eternalli ответил автору JAko [6]

16 [100p] Нарисовать логотип.

XAMEJIUOH ответил автору XAMEJIUOH [0]

17 Требуется человек для создания...

Vikrumas ответил автору Vikrumas [0]

18 Качественный рерайт/копирайт о...

GaV ответил автору GaV [161]

19 Календарь

frolov1028 ответил автору Vikrumas [1]

20 Профильно-статейны прогон по с...

GaV ответил автору GaV [0]

21 Файловик на сайт (копипаст) оп...

MDNdemon ответил автору MDNdemon [58]

22 Изображение в CSS

xbalson ответил автору GaV [2]

23 Файловый Менеджер - Высокая оп...

Freemekc ответил автору Freemekc [2]

24 В каких интернет магазинах вы ...

Beowb428 ответил автору GaV [9]

25 Скрипт и инструкция добавления...

DianaLebe ответил автору мир [3]

26 Трафик на сайт по низким ценам...

brig2 ответил автору vir4us [4]

27 Продам билеты в московский кин...

brig2 ответил автору MDNdemon [1]

28 Создать лого на сайт

korel ответил автору korel [0]

29 25 жирных ссылок. Яндекс Катал...

NikeNikol ответил автору NikeNikol [0]

30 выровнять вид материалов

GaV ответил автору frolov1028 [1]

1 frolov1028

Репа: 4431

Файлов: 29

Форум: 1317

2 Кирилл

Репа: 4292

Файлов: 15

Форум: 3818

3 мир

Репа: 4084

Файлов: 878

Форум: 1019

4 WinDiZ

Репа: 3943

Файлов: 2

Форум: 1252

5 mdbaner

Репа: 3756

Файлов: 713

Форум: 4723

6 GaV

Репа: 3621

Файлов: 0

Форум: 1262

7 Kapusha

Репа: 3371

Файлов: 35

Форум: 1177

8 PrADeN

Репа: 3318

Файлов: 84

Форум: 2076

9 martinis

Репа: 3247

Файлов: 46

Форум: 444

10 German

Репа: 2768

Файлов: 18

Форум: 258

11 STAFF

Репа: 2720

Файлов: 72

Форум: 757

12 ALINA

Репа: 2677

Файлов: 277

Форум: 9

13 StraJ

Репа: 2243

Файлов: 12

Форум: 545

14 smart4on

Репа: 2232

Файлов: 4

Форум: 661

15 makcim19997

Репа: 2204

Файлов: 171

Форум: 1067

16 GaMeRgame

Репа: 2082

Файлов: 4

Форум: 722

17 TRANE73

Репа: 2015

Файлов: 34

Форум: 165

18 ivanfom

Репа: 1887

Файлов: 15

Форум: 319

19 Zhenikuls

Репа: 1884

Файлов: 6

Форум: 65

20 tmb

Репа: 1570

Файлов: 0

Форум: 214

21 xbalson

Репа: 1378

Файлов: 4

Форум: 561

22 Smile

Репа: 1311

Файлов: 23

Форум: 444

23 hjp^

Репа: 1248

Файлов: 14

Форум: 192

24 domovik21

Репа: 1237

Файлов: 16

Форум: 177

25 Prix

Репа: 1122

Файлов: 6

Форум: 91

26 LEO--MESSI

Репа: 1115

Файлов: 6

Форум: 468

27 Playmanovich

Репа: 1087

Файлов: 3

Форум: 981

28 WmMariupol

Репа: 1081

Файлов: 0

Форум: 55

29 K@rDeL

Репа: 1076

Файлов: 0

Форум: 382

30 LUIS75

Репа: 1033

Файлов: 1

Форум: 198

Избранные ссылки

5 последних закладок

Описание и использование закладок

Закладки создаются при помощи "куков" которые хранятся в вашем браузере 30 дней, если жи вы почистили куки в своем браузере то закладки исчезнут.
отображаются только 5 последних закладок, предыдущие удаляются по мере обновления списка.
Вы можете любую не нужную закладку удалить нажатием X на против ссылки.
Бывает что запись кука пролетает, но это уже ошибки браузера и его записей.
Если при обновление страницы выводится ошибка 400 то что бы исправить необходимо удалить все куки браузера
Если вы заметили ошибки то сообщайте администратору.