Вопрос Как оформить субдомен

Пользователь · Регистрация: 16.01.2011

Мне нужно сделать на субдомене картинку.
примерно так
http://preview.4kings.su/4klogo.jpg
но что бы так было с адреса: preview.4kings.su

Администратор · 16.02.2011, 00:51

eXper1ence,

Создай в блокноте файл со следующим содержанием:

PHP код:



<!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" />
<title>4kings</title>
</head>

<body>
<img src="http://preview.4kings.su/4klogo.jpg" alt="" />
</body>
</html>

Сохрани его с названием index.html (html - расширение)
И закинь в корень субдомена

Пользователь · 16.02.2011, 20:06

Получилось!
Теперь следующее)) Подскажи пожалуйста, что мне нужно изучить(учебники или мануалы), чтобы сделать на этой картинке кнопки(ссылками на форум и т.д.) встроить туда музыку(одну песню) бегущий текст и т.д.!
Заранее спасибо!

Администратор · 16.02.2011, 21:17

Цитата:

Сообщение от eXper1ence

что мне нужно изучить(учебники или мануалы)

htmlbook.ru - Для тех, кто делает сайты

Пользователь · 17.02.2011, 22:11

Вопрос по кнопке.
4kings

Первая кнопка со ссылкой и подсказкой,
вторая меняется при наведении на нее курсора мыши.
Отдельно их сделать получилось, а как сделать чтобы первая кнопка осталась ссылкой и менялась при наведении на нее курсора?

PHP код:



<!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" />

<title>4kings</title>

<style type="text/css">

  A.rollover {

    background: url(http://Preview.4kings.su/images/Lineage-II-1-icon.png);

    display: block;

    width: 64px;

    height: 64px;

   }

   A.rollover:hover {

    background: url(http://Preview.4kings.su/images/Lineage-II-2-icon.png);

</style> 

</head>

<body>

<p style="text-align: center"><img src="http://preview.4kings.su/images/4klogo.jpg" alt="" />



<p style="text-align: center"><a href="http://4kings.su/" target="_blank"><img src="http://Preview.4kings.su/images/Lineage-II-1-icon.png" alt="4kings.su" title="4kings Community"

width="64" height="64" border="0"></a>



<p><a href="#" class="rollover"> </a></p>







</body>

</html>

Администратор · 17.02.2011, 23:00

Код 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" />
<title>4kings</title>
<style type="text/css">
  A.rollover {
    background: url(http://Preview.4kings.su/images/Lineage-II-1-icon.png);
    display: block;
    width: 64px;
    height: 64px;
   }
   A.rollover:hover {
    background: url(http://Preview.4kings.su/images/Lineage-II-2-icon.png);
</style> 
</head>
<body>
<div align="center"><img src="http://preview.4kings.su/images/4klogo.jpg" alt="" /></div>
<div align="center"><a href="http://4kings.su/" title="4kings Community" class="rollover"> </a></div>
</body>
</html>

Пользователь · 18.02.2011, 20:06

А как сделать две кнопки рядом с разными иконками!?
Не думал что это так сложно((

и я не могу понять, какая связь между вот этим

Код HTML:

 A.rollover {
    background: url(http://Preview.4kings.su/images/Lineage-II-1-icon.png);
    display: block;
    width: 64px;
    height: 64px;
   }
   A.rollover:hover {
    background: url(http://Preview.4kings.su/images/Lineage-II-2-icon.png);

и вот этим

Код HTML:

<div align="center"><a href="http://4kings.su/" title="4kings Community" class="rollover"> </a></div>

Администратор · 18.02.2011, 20:28

A.rollover
А - это и есть <a href=""
rollover - это class
A.rollover: hover
hover - означает, действие при наведении мышки

Чтоб добавить еще одну кнопку, но с другими картинками...
создать новый класс

пути до картинок только сменить

PHP код:



A.newimage {
             background: url(http://Preview.4kings.su/images/Lineage-II-1-icon.png);
             display: block;
             width: 64px;
             height: 64px;
           }
A.newimage :hover {
            background: url(http://Preview.4kings.su/images/Lineage-II-2-icon.png);
                  }

<div align="center">
    <a href="http://4kings.su/" title="4kings Community" class="rollover"></a>
</div>

Пользователь · 18.02.2011, 22:47

Получилось, но изображения стоят друг под другом. пробовал свойство float: left;
изображения встали по горизонтали, но теперь они в верхнем левом углу((

Нашел выход,может быть кому нибудь поможет.

Код HTML:

<div align="center">
      <div style="width: 450px;">
                    <img alt="" src="http://preview.4kings.su/images/4klogo.jpg">
                   <br>
                    <a class="rollover" target="_blank" title="Lineage 2" href="http://4kings.su/"> </a>
                    <a class="newimage" target="_blank" title="Warcraft 3" href="http://4kings.su/"> </a>
          </div>
</div>

к классу A.rollover добавить свойство margin-left: 110px;

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

eXper1ence #1
00 МГц Пользователь Вес репутации: 0 Регистрация: 16.01.2011 Адрес: Kenigsberg Сообщений: 44 Сказал(а) спасибо: 13 Спасибок 2 в 2 сообщениях	Как оформить субдомен - 15.02.2011, 23:26 Мне нужно сделать на субдомене картинку. примерно так http://preview.4kings.su/4klogo.jpg но что бы так было с адреса: preview.4kings.su

Vector #4
7560 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,248 Сказал(а) спасибо: 574 Спасибок 2,673 в 1,898 сообщениях	16.02.2011, 21:17 Цитата: Сообщение от eXper1ence что мне нужно изучить(учебники или мануалы) htmlbook.ru - Для тех, кто делает сайты