ageent
-
Posts
99 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by ageent
-
-
Если работает в мазиле и опере значит ошибка в html.
-
магическими действиями рук.
-
Чет не вижу смысла пользоватся StateController Посмотрел код, ничего гениального не увидел,Jquery намного удобней.
-
А где собственно на сайте rss?
-
если че нибудь придумаешь, пиши с большим интересом заценю )
-
Смысл такой: человек публикует статью, скажем через редактор TinyMCE, закидивает изображение для этой статьи, потом на сайте появляется картинка с подписью типа как здесь http://www.promo-poker.ru Новости картинка разумеется должна появляется со скруглением.
>А я ваще ща так подумал, а почему бы тогда изначально не делать тупо картинки с закруглёнными уголками
а как ты думаешь не геморой ли делать углы для человека, который публикует в день скажем по 10 новостей/статей?
-
ага, получился вариант для всех браузеров, кроме IE.
-
да с ie запарка будет, чет у меня никак не хочет работать.
-
Последний вариант охуенный! с ie6-i7 нужно решить. Тянется div на 100%
1)я не понял, как это вставить картинку ДРугого Цвета? ведь цвет должен совпадать с цветом уголков зелёных?
я картинку переделал, попробуй вставить разные изображения (любые поймешь) http://www.ageent.ru/demo/corner_gif.zip
-
неа не решил. попробуй картинку другого размера и цвета вставить.
1. полоса внизу
2. float: left; ie6 не хавает
-
фиговый вариант.
>div 100% это первое и второе у нас ниже картинки полосы выходят )
-
.box{ display: block;}даж незнаю откуда эта херня взялась )
-
div 100% это первое и второе у нас выше и ниже картинки полосы выходят )
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>photo</title>
<style type="text/css">
*{ margin: 0; padding: 0;}
body { font: .625em Verdana, Geneva, sans-serif; }
img { display:inline; }
.box{ display: block;}
div{ background: #2f641e;}
em,em b,em.btm,em.btm b {
background: url(sprite.jpg) no-repeat;
font-size: 0;
display: block;
height: 7px;
position: relative;
}
em { top: 0px;}
em b { background-position: 100% -7px;background:#F00;}
em.btm { background-position: 100% -14px; top: 0px;}
em.btm b { background-position: 0 -21px;background:#F00;}
</style>
</head>
<body>
<div class="box">
<em><b></b></em>
<img src="k1.jpg" alt="" />
<em class="btm"><b></b></em>
</div>
</body>
</html>херовенько.
-
углы должны быть одинаковые, одного цвета. Под цвет фона дизайна. В принципе и это решение подходит http://www.ageent.ru/demo/corner_gif/index.html ладно остановимся на том что есть )
Спасибо за помощь
-
Я так понимаю, тебе Не нужен Фиксированный блок, чтобы просто все углы растягивала именно картинка, которая находится внутри?
не не не. Мне нужно что-бы при вставке картинок на сайт у них автоматически появлялось скругление. Картинки могут быть разного размера.
Я бы мог это и на php сделать но это лишняя нагрузка на сервак.
-
круто спору нет! ток минус в том, что он только под одну картинку подогнан. Вставляем картинку другого размера и уже в css лезть нужно.
в прошлом варианте http://www.ageent.ru/demo/corner_gif/index.html мы можем любые картинки вставлять ток width и height меняя. Я про img начал говорить потому как думал что можно просто картинку вставить, прописать у нее width и height и углы автоматом появятся где нужно, не лезя в css.
Сообственно это вроде как и можно сделать только забороть перекрывает изображением фона.
<style type="text/css">
*{ margin: 0; padding: 0;}
body { font: .625em Verdana, Geneva, sans-serif; }
img { display: block; width: 100%;}
div{ width: 142.5em; height: 31.7em; margin: 0em auto; background: #2f641e;}
em,em b,em.btm,em.btm b {
background: url(sprite.jpg) no-repeat;
font-size: 0;
display: block;
height: 7px;
position: relative;
}
em { top: 0px;}
em b { background-position: 100% -7px;}
em.btm { background-position: 100% -14px; top: -7px;}
em.btm b { background-position: 0 -21px;}
</style>Изображении колбасит страшно, растягивает.
-
-
http://www.ageent.ru/demo/corner_gif/index.html
Исправлять ичего не нужно, он отлично работает во всех браузерах. Я просто предлагаю сделать таким вот образом
<div левый верхний кгол>
<div правый верхний угол>
<div нижний левый угол>
<div нижний правый угол>
<img src="/k1.jpg'" width="425" height="310" />
</div>
</div>
</div>
</div>Что-бы изображение вставлялось не через div
<div style="background: url('/k1.jpg') no-repeat; display:block; width:425px; height:310px;" class="ppp0">а через
<img src="/k1.jpg'" width="425" height="310" />
но изображение перекрывает фон.
-
Касательно div решенно на твердую 5. Вот я уже и статейку у себя оформил http://www.ageent.ru/verstca/280-create-image.html
Можно усовершенствовать данный вариант. Сделав вставку картинки через img Тоесть
<div левый верхний кгол>
<div правый верхний угол>
<div нижний левый угол>
<div нижний правый угол>
<img src="" />
</div>
</div>
</div>
</div>Да вот только проблема img перекрывает фон. Пробывал z-index не помогло, если забороть это перекрытие - это будет самый суперский вариант.
-
Не хотите, не пишите - это дело добровольное. За деньги вариант ни катит. Это форум, а не фриланс.
-
Данную задачу я уже решил 2 способами
1. Сам написал ( пример выше )
2. Подсказал psywalker - за что ему отдельное спасибо!
И далее мне просто интересно как эту задачу еще можно решить. Возможно s0rr0w напишет более элегантное решение. Именно поэтому я ему и предлагаю оформить свои мысли в конкретный пример. А насчет денег, для этого есть другой раздел форума.
-
s0rr0w
пример в студию. Теория таорией, а практика вещь неоспоримая.
-
psywalker
Я в прошлом сообщении специально выделил адресата s0rr0w
твой вариант разбираю, отпишу как будет результат. Просто время нужно что-бы в нем разобратся.
-
s0rr0w
Извините, конечно но это геморойное решение. Под каждую картинку (с разным размером) со смещением играться.
Массовая болезнь?
in Flame
Posted
ВЕЛИКИЙ И МОГУЧИЙ закономерно развивается. Я например частенько вместо привет говорю hi.