Geers

Geers
Рейтинг
487
Регистрация
12.04.2011
CSS красивое оформление блока
Pasha199:
Тоже самое как и тот делали только строки должны быть нормальные, а в этом блоке очень большое расстояние между блоками.

За межстрочное расстояние отвечает:

line-height:25px;
CSS красивое оформление блока

ТС, скажу вам по секрету, css можно выучить полностью за месяц. ;)

Определение естественных ссылок Гуглом
The WishMaster:
И много сайтов у тебя в топе только за счет естественных ссылок?

Я не имел ввиду что естественность ссылок влияет на топ. ;)

Определение естественных ссылок Гуглом
The WishMaster:
Да пофиг ему на естественность. Естественные ссылки - миф. Тогда б самые конкурентные запросы были "тут" и "здесь" :D

Почему миф? 😮 Это факт! :)

Наши детки - 2

Тоже хочу дочку.. парусник и руль. :(

100 000 рублей в подарок от «Брес-t»
war357159:
Ок. Запомнили. «Брес-t» - мелкие жулики.

Во блин :(

А я уже начал собирать чамоданы на море(

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

Можно в css заменить код на этот:

#menu a {
	color: #0295b6;
   font-size: 12px;
   text-decoration: none;
   border-bottom: 1px dotted;
   font-weight: bold;
}
#menu a:hover {
	color: #ff8400;
	font-size: 12px;
   font-weight: bold;
}

И получится что-то типа такого:

:)

---------- Добавлено 28.04.2012 в 03:04 ----------

Держи: http://cl112400.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"><div id="container">Новости студии</div>
  <div class="date">28 февраля</div>
  <a href="/">Первая новость</a><br />
  <div class="date">28 февраля</div>
  <a href="/">Вторая новость</a><br />
  <div class="date">28 февраля</div>
  <a href="/">Третья новость</a><br />
  <div class="date">28 февраля</div>
  <a href="/">Четвертая новость</a><br />
  <div class="all"><a href="/">Все новости</a></div><br />
  </div>
</body>
</html>

CSS

html,body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  background-color: #edfaff;
}
#container{
	color: #00000;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 18px;
	 padding-bottom: 20px;
	 margin-top: -50px;
	 margin-left: -10px;
	 text-shadow:0 1px 0px #fff;
}
.date{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	margin-bottom: -10px;
	color: maroon;
}
#menu .all{
	float: right;
	margin-top: 6px;
}

#menu .all a{
 color: #ff8400;
 font-size: 13px;
}
#menu .all a:hover{
 color: #0295b6;
 font-size: 13px;
 border-bottom: 0 dotted;
}
#menu {
	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;
   text-decoration: none;
   border-bottom: 1px dotted;
   font-weight: bold;
}
#menu a:hover {
	color: #ff8400;
	font-size: 12px;
   font-weight: bold;
}

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

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

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

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

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

CSS красивое оформление блока
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... 113811391140114111421143114411451146 ...1302
Всего: 13015