UserPanel

Добро пожаловать на Форум веб-мастеров uCoz!

( Войти | Зарегистрироваться )


  • Страница 1 из 2
  • 1
  • 2
  • »
Помогите!!
Дата: Воскресенье, 30.01.2011, 15.35.20 | Сообщение # 1
Без аватара
Уровень 1
Зарегистрирован: 04.11.2010
Пользователь №: 136
Сообщений: 34
Здрасте...У мну такая проблема вродеб всему научился но на просто фигне застопорился ну вот помогите вот ссылка на картинку
 
Дата: Воскресенье, 30.01.2011, 16.09.39 | Сообщение # 2
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Ichi2385, и что? Ты на словах объясни
 
Дата: Воскресенье, 30.01.2011, 17.53.24 | Сообщение # 3
Без аватара
Читаем подпись!
Зарегистрирован: 06.09.2010
Пользователь №: 14
Сообщений: 758
Code
Доброго времени суток, $USERNAME$ <?if($USER_LOGGED_IN$)?> <a href="$LOGOUT_LINK$">Выход</a><?else?> <a href="$LOGIN_LINK$">Авторизуйтесь</a><?endif?> или <?if($PERSONAL_PAGE_LINK$)?><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a><?else?> <a href="$REGISTER_LINK$">Зарегистрируйся</a><?endif?>
 
Дата: Воскресенье, 30.01.2011, 18.05.41 | Сообщение # 4
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
wacko
 
Дата: Воскресенье, 30.01.2011, 18.24.05 | Сообщение # 5
Без аватара
Уровень 1
Зарегистрирован: 04.11.2010
Пользователь №: 136
Сообщений: 34
Ну мне нужно как сделать токой эффект ну я там показал между блоком где хедер и там где написано добро пожаловать такая тоненькая полоска между ними типо эффект обьемности как так сделать!!
 
Дата: Воскресенье, 30.01.2011, 19.41.18 | Сообщение # 6
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Картинкой, сделанной через фотошоп или специальным css3 кодом box-shadow, но лучше всего картинкой (кроссбраузернее)
 
Дата: Воскресенье, 30.01.2011, 22.51.33 | Сообщение # 7
Без аватара
Уровень 1
Зарегистрирован: 04.11.2010
Пользователь №: 136
Сообщений: 34
А нельзя по подробней описать))Разместите картинки как делат))плиз плюс в репутацию будет))
 
Дата: Воскресенье, 30.01.2011, 23.36.07 | Сообщение # 8
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
в фотошоп рисуешь картинку примерно размерами в 1px ширину и 28px в высоту. Накладываешь градиент и тп. Сверху накладываешь в один пиксель белый слой. Вот и все.
Примерно то что должно получится в итоге

Пример использования:

Простой пример

Исходный код примера
Code
<div style="background: url(http://7ucoz.2nx.ru/_fr/5/3174645.png) repeat-x;color: #fff;text-shadow: 1px 1px 0 #000;padding: 6px;border: 1px solid #000;margin: 4px;width: 200px;">Простой пример</div>
3174645.png (2.8 Kb)
 
Дата: Суббота, 12.02.2011, 22.49.49 | Сообщение # 9
Без аватара
Пока, 7uCoz !
Зарегистрирован: 05.02.2011
Пользователь №: 330
Сообщений: 1031
Reysler,
Это и мне пригодилось smile
 
Дата: Среда, 08.06.2011, 18.15.59 | Сообщение # 10
Без аватара
Уровень 4
Зарегистрирован: 08.11.2010
Пользователь №: 144
Сообщений: 483
Делаешь так: 1) полоску тонкую, черную и тень белый -яркий 90 градусов. Там подкорректируешь яркость потом как надо.
2) Можно сделать градиентом, объяснять не буду думаю градиентом умеешь работать.
3) можно обводкой
но лучший способ с тенью
 
Дата: Среда, 08.06.2011, 20.26.21 | Сообщение # 11
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Quote (-3z0ne-)
но лучший способ с тенью

Можно и так. Но не всегда это хорошо. Я, например, когда захожу с мобильного или в каком-нибудь заведении в интернет, где лимит на трафик еще существует, спасает только отключение изображений и скриптов. Вот здесь то мы и можем увидеть всю красоту "современного web" biggrin где в основном все основывается на графике и скриптах happy А в моем примере добавляем только цвет заднего фона и получаем практически то же самое без градиента smile
 
Дата: Среда, 08.06.2011, 20.50.17 | Сообщение # 12
Без аватара
Уровень 4
Зарегистрирован: 08.11.2010
Пользователь №: 144
Сообщений: 483
Quote
А в моем примере добавляем только цвет заднего фона и получаем практически то же самое без градиента
Чет не понял я этот пункт.
 
Дата: Среда, 08.06.2011, 21.01.13 | Сообщение # 13
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
-3z0ne-, если не забуду, как только зайду с компа, отпишусь здесь и покажу на живом примере
 
Дата: Четверг, 09.06.2011, 11.23.11 | Сообщение # 14
Без аватара
Уровень 4
Зарегистрирован: 08.11.2010
Пользователь №: 144
Сообщений: 483
Ок, ждем.
 
Дата: Четверг, 09.06.2011, 11.36.27 | Сообщение # 15
Уровень 8
Зарегистрирован: 15.11.2008
Пользователь №: 1
Сообщений: 2202
Code
<div style="background: #6A4C0F;color: #fff;padding: 6px;border: 1px solid #000;margin: 4px;width: 200px;">Простой пример</div>

Простой пример

В общем, не помню как я делал через css, сейчас меня не это больше заботит
 
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: