CSS красивое оформление блока

167

Pasha199

27 апреля 2012, 19:43

13669

Подскажите как красиво оформить блок?

jpg 107840.jpg

487

Geers

27 апреля 2012, 19:50

#1

Вам код css чтоли нужен?

167

Pasha199

27 апреля 2012, 19:58

#2

Geers, можно css, можно чисто графически.

487

Geers

27 апреля 2012, 20:05

#3

Pasha199:
Geers, можно css, можно чисто графически.

Сейчас сделаю все на css, здесь графика нафик не нужна. :)

167

Pasha199

27 апреля 2012, 20:18

#4

Geers, весь вечер думаю как его красиво оформить)

SI

130

Sigmo#ID

27 апреля 2012, 20:32

#5

Pasha199:
Geers, весь вечер думаю как его красиво оформить)

У вас адрес страницы примера есть? В современных браузерах можно выделить элемент и увидеть какими стилями это сделано.

-= Онлайн сервисы =-

487

Geers

27 апреля 2012, 20:35

#6

Pasha199:
Geers, весь вечер думаю как его красиво оформить)

И без единого графического элемента. :)

http://cl112394.tmweb.ru/

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>Пацоны ваще ребята :)</title>
</head>
<body>
<div id="menu">Услуги студии
  <a href="/">Сайт-визитка</a>
  <a href="/">Официальный сайт</a>
  <a href="/">Сайт-магазин</a>
  <a href="/">Корпоративный сайт</a>
  </div>
</body>
</html>

CSS

html,body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  background-color: #edfaff;
}
#menu {
   float: left;
	background-color: #FFFFFF;
	margin: 50px;
	padding: 15px;
	font-family: Tahoma;
   font-size: 18px;
   width: 150px;
   border-radius: 6px;
   -moz-border-radius: 6px;
   box-shadow: 0 3px 10px #e1e5e8, 0 0 10px #F6F5F5 inset;
   line-height:25px;
}
#menu a {
	color: #0295b6;
   font-size: 12px;
   font-weight: bold;
}
#menu a:hover {
	color: #ff8400;
	text-decoration: none;
   font-size: 12px;
   font-weight: bold;
}

1

167

Pasha199

27 апреля 2012, 20:43

#7

Geers, очень хороший вариант, спасибо =)

Как думаете стоит ли еще чем то отделить заголовок блока от ссылок?

487

Geers

27 апреля 2012, 20:50

#8

Pasha199:
Geers, очень хороший вариант, спасибо =)
Как думаете стоит ли еще чем то отделить заголовок блока от ссылок?

Я не люблю думать)

Покажите что надо, я покажу как реализовать в коде. :)

167

Pasha199

27 апреля 2012, 20:53

#9

Geers, в том то и дело что думаю отделять название блока от ссылок или нет)) думаю как лучше будет) отделять или нет)

487

Geers

27 апреля 2012, 20:54

#10

Pasha199:
Geers, в том то и дело что думаю отделять название блока от ссылок или нет)) думаю как лучше будет) отделять или нет)

Смысла в этом никакого нет. ;)

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

Что делать, если ваша email-рассылка попала в спам