X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Как убрать рамку и тень у изображения
SeredinD
SeredinD
Topic Starter сообщение 24.6.2012, 18:24; Ответить: SeredinD
Сообщение #1


Хочу попросить помощи форумчан, которые разбираются в css. Я вставляю в форму подписки изображение, но оно как и все на блоге вставляется с рамочкой и тенью. Необходимо сделать убрать рамку и тень у этого изображения оставив у всех остальных на блоге. На сколько я понимаю, сделано это при помощи css.

Сейчас выглядит:
[img]http://i069.radikal.ru/1206/06/5ff26f9e7880.png[/img]
Необходимо:
[img]http://s44.radikal.ru/i105/1206/ef/48312f665d88.png[/img]
Ссылка на блог.

Код счётчика:
<form style="border:1px solid #ccc;border-radius:4px;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blog-for-life', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">[b]<img src="http://seredinplus.ru/wp-content/uploads/2012/06/youremail.png" style="border:none;" />[/b]<p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blog-for-life" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value=""  style=" text-transform: lowercase; width: 260px; height: 60px;
background: #fff url('http://seredinplus.ru/wp-content/uploads/2012/06/podpiska.png')
"/></form>

Заранее благодарен за помощь.


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
c0ns0l3
c0ns0l3
сообщение 24.6.2012, 18:57; Ответить: c0ns0l3
Сообщение #2


#middle img,
#bottom img {
box-shadow:0 0 1px #b3b3b3;
-moz-box-shadow:0 0 1px #b3b3b3;
-webkit-box-shadow:0 0 1px #b3b3b3;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}


Вот кусок CSS файла, который добавляет тебе тень.

Строка #893

Напиши новый стиль
.no_borders {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  -moz-box-shadow: none;
}

И примени его к своему изображению.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 24.6.2012, 19:09; Ответить: SeredinD
Сообщение #3


а как применить?я ноль в этом


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
c0ns0l3
c0ns0l3
сообщение 24.6.2012, 19:14; Ответить: c0ns0l3
Сообщение #4


Хех..

Добавляешь в конец файла wp-content/themes/oakland/style.css

.no_borders {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  -moz-box-shadow: none !important;
}

После чего в твой img дописываешь class no_borders

тоесть выглядить должно "отак":
<img src="http://seredinplus.ru/wp-content/uploads/2012/06/youremail.png" class="no_borders" />


Как это сделать? - Переходишь в Редактор HTML (в редакторе WP) и правишь ручками.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 24.6.2012, 19:18; Ответить: SeredinD
Сообщение #5


Не помогли эти действия. Смотрите в style.css добавил код:
.no_borders {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  -moz-box-shadow: none;
}

изменил вставку изображение на:
<img src="http://seredinplus.ru/wp-content/uploads/2012/06/youremail.png" class="no_borders" />

Но к сожалению это не помогло(


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 24.6.2012, 19:22; Ответить: yury_mw
Сообщение #6


Во-первых, это не счетчик, а форма.
Во-вторых, чтобы убрать рамочку достаточно добавить к стилю изображения в форме свойства box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow: none;

<form style="border:1px solid #ccc;border-radius:4px;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blog-for-life', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><img src="http://seredinplus.ru/wp-content/uploads/2012/06/youremail.png" style="border:none; box-shadow:none; -webkit-box-shadow: none;  -moz-box-shadow: none;"  /><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blog-for-life" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value=""  style=" text-transform: lowercase; width: 260px; height: 60px;
background: #fff url('http://seredinplus.ru/wp-content/uploads/2012/06/podpiska.png')
"/></form>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 24.6.2012, 19:26; Ответить: SeredinD
Сообщение #7


Вах, спасибо вам ОГРОМНОЕ. На много проще и работает! Поставил бы + репутации, но уже писал выше, что почему-то не выходит(


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
c0ns0l3
c0ns0l3
сообщение 24.6.2012, 19:31; Ответить: c0ns0l3
Сообщение #8


Можно и так :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 24.6.2012, 19:36; Ответить: yury_mw
Сообщение #9


Вах, спасибо вам ОГРОМНОЕ. На много проще и работает! Поставил бы + репутации, но уже писал выше, что почему-то не выходит(
На здоровье.
Но вообще странно, что у вас не работает предложенное c0ns0l3. У меня предложено ровно то же самое только иначе записано. Просто у меня щас инет медленный и я не видел его постов пока смотрел ваш сайт и отвечал.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SeredinD
SeredinD
Topic Starter сообщение 25.6.2012, 10:02; Ответить: SeredinD
Сообщение #10


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


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1122 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2292 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3920 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3644 24.3.2024, 20:55
автор: Liudmila
Открытая тема (нет новых ответов) Через какой браузер и как можно найти в кэшэ браузера видео
10 Room 1939 23.3.2024, 7:41
автор: Room


 



RSS Текстовая версия Сейчас: 29.3.2024, 8:36
Дизайн