Статус темы:
Закрыта.
  1. рафаель Пользователь

    Регистрация:
    11.08.16
    Сообщения:
    13
    Симпатии:
    1
    Пол:
    Мужской
    Здравствуйте! Помогите сделать похожую информационную страничку.
    Ссылка на нее
     
    Последнее редактирование модератором: 16.09.16
  2. x00peR Пользователь

    Регистрация:
    16.10.15
    Сообщения:
    300
    Симпатии:
    42
    Пол:
    Мужской
    Skype:
    x00peR
    ICQ:
    474751117
    @рафаель, :D
    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>XyLiGaN</title>
            <link href="css/style.css" type="text/css" rel="stylesheet" />
        </head>
        <body>
            <div id="wrapper">
                <div id="header">
                    <div id="banner-top">
                        <a href="http://p.game-servers.ru/49895"><img src="http://game-servers.ru/banners/igh/igh_468_60_1.jpg" width="468" height="60"></a>
                    </div>
                </div>
                <div id="content">
                    <div class="content-box">
                        <h2>Контакты</h2>
                        <ul>
                            <li><a href="http://vk.com/xyligashkaaa" target="_blank"><img src="images/icons/vk.png" alt="Вконтакте" width="24px" height="24px" />Владимиров Александр</a></li>
                            <li><a href="http://steamcommunity.com/id/xyligashka/" target="_blank"><img src="images/icons/steam.png" alt="Steam" width="24px" height="24px" />Aleksandr.V</a></li>
                            <li><a href="skype:sanekvip94?add"><img src="images/icons/skype.png" alt="Skype" width="24px" height="24px" />sanekvip94</a></li>
                            <li><img src="images/icons/icq.png" alt="ICQ" width="24px" height="24px" />660-698</li>
                            <li><a href="http://c-s.net.ua/forum/user101258.html" target="_blank"><img src="images/icons/csnetua.png" alt="c-s.net.ua" width="24px" height="24px" />XyLiGaN</a></li>
                        </ul>
                    </div>
                    <div class="content-box">
                        <h2>Реквизиты</h2>
                        <ul>
                            <li><img src="images/icons/qiwi.png" alt="QIWI" width="24px" height="24px" />+79225000310</li>
                            <li><img src="images/icons/megafon.png" alt="МегаФон" width="24px" height="24px" />+79225000310</li>
                            <li><img src="images/icons/wm.png" alt="WebMoney" width="24px" height="24px" />R126742778043</li>
                            <li><img src="images/icons/yad.png" alt="Яндекс деньги" width="24px" height="24px" />41001569362890</li>
                            <li><img src="images/icons/bank.png" alt="Сбербанк" width="24px" height="24px" />5469 6700 1210 2375</li>
                        </ul>
                    </div>
                    <div class="content-box">
                        <h2>Мои проекты</h2>
                        <ul>
                            <li><a href="http://ruspublic18.ru" target="_blank"><img src="images/icons/cs.png" alt="Counter-Strike" width="24px" height="24px" />Игровой проект CS 1.6</a></li>
                        </ul>
                        <h2>Мои услуги</h2>
                        <ul>
                            <li><a href="http://c-s.net.ua/forum/topic65607.html?view=findpost&p=639710" target="_blank"><img src="images/icons/service.png" alt="Платные услуги" width="24px" height="24px" />Платные услуги</a></li>
                        </ul>
                    </div>
                </div>
                <div id="footer">
                    <div id="banner-bottom">
                        <a href="http://www.gametracker.com/server_info/77.220.180.220:27015/" target="_blank"><img src="http://cache.www.gametracker.com/server_info/77.220.180.220:27015/b_560_95_1.png" width="560" height="95" alt="GameTracker"/></a>
                    </div>
                    <div id="banner-mini">
                        <a href="http://gs-monitor.com"><img src="http://ruspublic18.ru/public/style_extra/other/gsm.gif"></a>
                        <a href="http://lite-host.ru/"><img src="http://ruspublic18.ru/public/style_extra/other/hsl_itehost.png"></a>
                        <a href="http://p.game-servers.ru/49895"><img src="http://game-servers.ru/banners/88.gif" width="88" height="31"></a>
                        <a href="http://cs-games.net"><img src="http://ruspublic18.ru/public/style_extra/other/cs-dw.gif"></a>
                        <a href="http://passport.webmoney.ru/asp/CertView.asp?wmid=237239375918" target="_blank"><img src="http://passport.webmoney.ru/images/atstimg/attestated1.gif" border="0"></a>
                    </div>
                </div>
            </div>
        </body>
    </html>
    HTML:
    @import url(reset.css);
    
    body {
       font: 13px/1.6 Tahoma, Verdana, sans-serif;
        background: url(../images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    
    #wrapper {
        width: 825px;
        margin: 0 auto;
    }
    
    #header {
        overflow: hidden;
    }
    
    #banner-top, #banner-bottom, #banner-mini ul li a {
        border: 1px solid rgba(255, 255, 255, 0.25);
    }
    
    #banner-top {
        margin: 50px auto;
        width: 468px;
        height: 60px;
    }
    
    #content {
        overflow: hidden;
    }
    
    .content-box {
        width: 220px;
        margin-right: 10px;
        float: left;
        padding: 25px 20px;
        background: rgba(77, 90, 121, 0.75);
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 6px;
        height: 250px;
    }
    
    .content-box:last-child {
        margin-right: 0;
    }
    
    #content h2 {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 10px;
        padding: 5px 10px;
        background: rgba(0, 40, 255, 0.35);
        border-radius: 10px;
        text-align: center;
    }
    
    #content ul li {
        color: #d8dbe0;
        padding: 5px 0;
    }
    
    #content ul {
        margin-bottom: 40px;
    }
    
    #content ul li a{
        color: #d8dbe0;
        text-decoration: none;
    }
    
    #content ul li a:hover {
        text-decoration: underline;
    }
    
    #content ul li:hover, #content ul li a:hover{
        color: #f1f2f9;
    }
    
    #content img {
        vertical-align: middle;
        margin-right: 5px;
    }
    
    #banner-bottom {
        margin: 50px auto;
        width: 560px;
        height: 95px;
    }
    
    #banner-mini {
        margin: 25px auto;
        width: 500px;
        overflow: hidden;
    }
    
    #banner-mini a {
        float: left;
        margin-right: 15px;
    }
    
    #banner-mini a:last-child{
        margin-right: 0;
    }
    
    Ссылки и ссылки на картинки исправь только
     
  3. рафаель Пользователь

    Регистрация:
    11.08.16
    Сообщения:
    13
    Симпатии:
    1
    Пол:
    Мужской
    братан а вон как сделать чтобы прям как там было все?
     
  4. x00peR Пользователь

    Регистрация:
    16.10.15
    Сообщения:
    300
    Симпатии:
    42
    Пол:
    Мужской
    Skype:
    x00peR
    ICQ:
    474751117
    @рафаель, понятно. Данные от фтп кинь в личку. После 20:00 по Мск сделаю.
     
  5. maFFyoZZyk Черный Жнец ^_^ Команда форума

    Регистрация:
    14.01.16
    Сообщения:
    1.251
    Симпатии:
    550
    Пол:
    Мужской
    @рафаель, Заливай на хост файлы идентично их расположению в архиве.
    Сайт полностью скопирован пример тут
     

    Вложения:

    • visite-page.rar
      Размер файла:
      576 КБ
      Просмотров:
      8
  6. x00peR Пользователь

    Регистрация:
    16.10.15
    Сообщения:
    300
    Симпатии:
    42
    Пол:
    Мужской
    Skype:
    x00peR
    ICQ:
    474751117
    Неа
     
  7. maFFyoZZyk Черный Жнец ^_^ Команда форума

    Регистрация:
    14.01.16
    Сообщения:
    1.251
    Симпатии:
    550
    Пол:
    Мужской
    что неа? скрипт я вырезал
     
  8. x00peR Пользователь

    Регистрация:
    16.10.15
    Сообщения:
    300
    Симпатии:
    42
    Пол:
    Мужской
    Skype:
    x00peR
    ICQ:
    474751117
    @maFFyoZZyk, две вкладки открой и попереключайся между ними.
    HTML:
    <hr class="cbh-mark-phone__line">
     
  9. рафаель Пользователь

    Регистрация:
    11.08.16
    Сообщения:
    13
    Симпатии:
    1
    Пол:
    Мужской
    спасибо брат щас попробуй , о ты еще с Ростова, Привет тебе от Краснодара большой.
     
  10. рафаель Пользователь

    Регистрация:
    11.08.16
    Сообщения:
    13
    Симпатии:
    1
    Пол:
    Мужской
    "Вопрос решен! Тему можно закрывать."
     
  11. HannibaL Команда форума

    Регистрация:
    28.02.15
    Сообщения:
    1.058
    Симпатии:
    218
    Пол:
    Мужской
    @рафаель, Зачем точь-в-точь копировать? Лучше свой сделать.
     
Статус темы:
Закрыта.