Тень для фото
CM_Punk
Дата: Пятница, 27.01.2012, 13:09 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
Как сделать что бы картинки всегда делались так с такой на такую [b7]Лишение группы проверенные нарушение пункта простых правил. Все сторонние картинки необходимо заключать в спойлер. мир
[/b7]
Сообщение отредактировал мир - Пятница, 27.01.2012, 13:18
Kapusha
Дата: Пятница, 27.01.2012, 14:22 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Знающий больше чем вы!
Группа: UcozonGroup
Сообщений: 1177
CM_Punk , Есть много вариантов, как сделать такую вещь на CSS
Подпись пользователя Kapusha МОЙ БЛОГ
CM_Punk
Дата: Пятница, 27.01.2012, 16:05 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
Kapusha где их посмотреть?
gutty
Дата: Пятница, 27.01.2012, 17:23 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 57
Заключите картинку в div, сделайте CSS-стиль div'у Code
.shadow { background: #fc0; /* Цвет фона */ -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ width:500px; /* Ширина блока */ }
К примеру: Code
<div class="shadow"><img src="ссылка на кртинку" /></div>
Добавлено (27.01.2012, 17:22) ---------------------------------------------Без использования div'а: В CSS:
Code
.shadow { background: #fc0; /* Цвет фона */ -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ }
В код страницы для картинки: Code
<img class="shadow" src="ссылка на кратинку" />
Добавлено (27.01.2012, 17:23) --------------------------------------------- Я не профессионал в этом деле, если что-то не так
Подпись пользователя gutty
CM_Punk
Дата: Пятница, 27.01.2012, 17:40 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
СпасибоДобавлено (27.01.2012, 17:40) --------------------------------------------- gutty а можно подробнее пожалуйста
gutty
Дата: Пятница, 27.01.2012, 17:42 | Сообщение # 6
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 57
CM_Punk , что именно интересует?
Подпись пользователя gutty
CM_Punk
Дата: Пятница, 27.01.2012, 17:44 | Сообщение # 7
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
что то не получается тень
gutty
Дата: Пятница, 27.01.2012, 17:46 | Сообщение # 8
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 57
Хм... странно, а код можно увидеть?
Подпись пользователя gutty
CM_Punk
Дата: Пятница, 27.01.2012, 17:47 | Сообщение # 9
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
это в CSS .shadow { background: #fc0; /* Цвет фона */ -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ } а это сам код <img class="shadow" src="http://cs11377.vk.com/u48195196/-14/o_28a69389.jpg">
gutty
Дата: Пятница, 27.01.2012, 17:52 | Сообщение # 10
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 57
А куда именно Вам эту картинку вставлять надо? Просто у меня норм все работает
Сообщение отредактировал gutty - Пятница, 27.01.2012, 17:53
Подпись пользователя gutty
CM_Punk
Дата: Пятница, 27.01.2012, 17:53 | Сообщение # 11
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
ну я хочу в новость что бы всегда такие были а это питаюсь на пробной странице
gutty
Дата: Пятница, 27.01.2012, 17:54 | Сообщение # 12
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 57
CM_Punk , дай код вида материалов
Подпись пользователя gutty
CM_Punk
Дата: Пятница, 27.01.2012, 17:59 | Сообщение # 13
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
вот <div class="rt-block"> <div id="rt-mainbody"> <div class="rt-joomla "> <div class="rt-blog"> <div class="rt-teaser-articles"> <div class="width100"> <div class="rt-article "> <div class="module-full"> <div class="module-surround"> <div class="module-tm"> <div class="module-l"> <div class="module-r"> <div class="module-bm"> <div class="module-tl"> <div class="module-tr"> <div class="module-bl"> <div class="module-br"> <div class="rt-article-bg"> <div class="rt-headline"> <div class="module-title"> <div class="module-title2"> <div class="module-title3"> <a href="$ENTRY_URL$"> <h1 class="rt-article-title">$TITLE$</h1> </a> </div> </div> </div> <div class="clear"></div> <div style="float:right;">$MODER_PANEL$</div> </div> <div class="rt-article-content"> <p class="demo-img"> <?if($IMG_URL1$)?> <img src="$IMG_URL1$" height="160" alt="demo image" class="rt-image" /> <?endif?> </p> $MESSAGE$ <?if($ATTACHMENTS$)?> <div class="eAttach">Прикрепления: $ATTACHMENTS$</div> <?endif?> </div> <div class="clear"></div> <p class="rt-readon-surround" style="float: right; "><a class="readon" href="$ENTRY_URL$"><span>Подробнее...</span></a></p> <div class="clear"></div> <div class="rt-articleinfo"> <div class="rt-articleinfo2"> <span class="rt-author"> <?if($USERNAME$)?> Добавил: <a href="$PROFILE_URL$"> <span>$USERNAME$</span> </a> <?endif?> </span> <span class="rt-date-posted"> Дата: <span>$DATE$</span></span> </div> <div class="rt-comment-block"> <a href="$COMMENTS_URL$" class="rt-comment-badge"> <span class="rt-comment-count">$COMMENTS_NUM$</span> </a> <span class="rt-comment-text">Comments</span> </div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div>
gutty
Дата: Пятница, 27.01.2012, 18:05 | Сообщение # 14
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Абитуриент
Группа: Проверенные
Сообщений: 57
В коде найдешь: Code
<img src="$IMG_URL1$" height="160" alt="demo image" class="rt-image" />
Тебе нужен - class="rt-image"; Ищешь в CSS rt-image Туда добавляешь: Code
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
Добавлено (27.01.2012, 18:05) --------------------------------------------- Вроде должно сработать
Подпись пользователя gutty
CM_Punk
Дата: Пятница, 27.01.2012, 18:09 | Сообщение # 15
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Проверенные
Сообщений: 32
gutty у меня CSS пустой он в файловом менеджереДобавлено (27.01.2012, 18:09) --------------------------------------------- вот CSS http://wwefan.at.ua/css/style.css