Question

Здравствуйте! Подскажите пожалуйста как передвинуть и изменить в css эти надписи http://prntscr.com/5wrg5t Мой сайт http://fifaworldclub.ucoz.ru/ 2 дня разбирался как но не получилось,не хотел не кого беспокоить и хотел разобраться сам,но увы не получается. Если это тут

 }
.logo h1 a {
 color: #8B0000;
 text-decoration: none;
 }
 .logo h1 a:hover {text-shadow: 0 0 2px #095aa2;}

то почему тогда я не могу изменить например шрифт при добавлении строчки font-family: cursive например шрифт не меняется, а вот цвет изменяется. И как передвинуть эти надписи например немного левее? подскажите пожалуйста

Answer 1

1. В таблице стилей CSS находим строку номер 57:

.logo {
 width: 35%;
 float: left;
 background: url() left center no-repeat;
 padding: 0 0 0 60px;
 min-height: 50px;
 }

Чтобы надпись подвинуть левее, попробуйте уменьшить число 60 в параметре - padding: 0 0 0 60px;

2. Для изменения название форума на жирный в таблицу стилей поместить:

.forumNameTd {font-weight:bold;}

3. Как передвинуть названия блоков? В таблице стилей найдите строку номер 335:

.blocktitle {
text-align: center;
font: 110% 'Arial';
color: #fff; 
background: #138bd0;
 background-image: -webkit-linear-gradient(top, #138bd0, #094c96);
 background-image: -moz-linear-gradient(top, #138bd0, #094c96);
 background-image: -o-linear-gradient(top, #138bd0, #094c96);
 background-image: linear-gradient(top, #138bd0, #094c96);
 border-bottom: 1px solid #3281d3;
 box-shadow: 0 1px 0 #1a1c1d;
padding: 10px; margin: 0;
}

Выше я добавил параметр - text-align: center; и соответственно теперь название блока будет по центру. Чтобы поменять под себя, читаем материал - http://htmlbook.ru/css/text-align

Comments

Спасибо. А куда именно в css поместить эту строчку? И как изменить шрифт вот этих надписей http://prntscr.com/5ws0h8 на Arial и т.д., где именно?

---

Желательно в самый конец чтобы вы случайно не натворили дел во вред сайту.

Для смены шрифта лого в таблице стилей найти строку 72:
.logo h1 a {
 color: #8B0000;
 text-decoration: none;
 font-family: cursive;
}

Вот я для примера задал шрифт - font-family: cursive;

Аналогично задается шрифт и для подписи под лого, в таблице стилей строка номер 78:
.logo h2 {
 padding: 0;
 margin: 3px 0;
 color: #FFFFFF;
 font-size: 90%;
 font-family: cursive;
}
Вот наш шрифт как пример -  font-family: cursive; и все работает.

---

Спасибо! все получилось, но вот только не знаю где менять  шрифт вот этих надписей http://prntscr.com/5ws0h8 на Arial и т.д., где именно?

---

Аналогично просто задав параметр - font-family: arial; но как я вижу это не играет особой роли у вас. Можете задать как пример - sans-serif это считай копия Ариал.

---

Спасибо! Все получилось!

---

А как эти надписи http://prntscr.com/5wydnk еще левее передвинуть ведь у меня
.logo {
 width: 35%;
 float: left;
 background: url() left center no-repeat;
 padding: 0 0 0 0px;
 min-height: 50px;
 }

padding на 0 0 0 0px стоит