За последние 24 часа нас посетили 16744 программиста и 1591 робот. Сейчас ищут 1380 программистов ...

сделать калонку как с левой стороны навигации

Тема в разделе "Сделайте за меня", создана пользователем andrei051073, 21 мар 2016.

  1. andrei051073

    andrei051073 Новичок

    С нами с:
    25 окт 2014
    Сообщения:
    2
    Симпатии:
    0
    поставь колонку как у левой стороны новигации
    вот картинка file:///C:/Users/%D1%82%D0%BE%D0%BB%D0%B8%D0%BA/Desktop/Image%208.png
    помогите пожалуйста братки [​IMG]




    вот код

    Код (PHP):
    1. body {
    2.     margin: 0;
    3.     padding: 0;
    4.     background: url('/images/bodybg.png') repeat;
    5. }
    6. #wrapper {
    7.     background: #b7b7b7;
    8.     width: 900px;
    9.     margin: 0 auto;
    10.     box-shadow: 0 0 16px #000000;
    11.     -moz-box-shadow: 0 0 16px #000000;
    12.     -webkit-box-shadow: 0 0 16px #000000;
    13.     border-left: 1px solid #FFFFFF;
    14.     border-right: 1px solid #FFFFFF;
    15. }
    16. /*-- Верхнее меню --*/
    17. .menuv {
    18.     height: 37px;
    19.     display: block;
    20.     background: url('/images/menuvbg.png') repeat-x;
    21.     border-bottom: 1px solid #FFFFFF;
    22. }
    23. .menuv a {
    24.     padding: 8px 20px 0px 20px;
    25.     font-size: 12pt;
    26.     font-family: Verdana,Arial,Helvetica,sans-serif;
    27.     text-align: center;
    28.     display: block;
    29.     float: left;
    30.     border-right: 1px solid #FFFFFF;
    31.     height: 37px;
    32.     box-sizing: border-box;
    33.     -moz-box-sizing: border-box;
    34.     -webkit-box-sizing: border-box;
    35.     color: #FFFFFF;
    36.     font-weight: normal;
    37.     text-decoration: none;
    38.     text-shadow: 0px 1px 0px #000000;
    39. }
    40. .menuv a:hover {
    41.     background: url('/images/menubgh.png');
    42. }
    43. /*--Логотип --*/
    44. .logobg {
    45.     background: url('/images/logobg.png');
    46.     display: block;
    47.     height: 194px;
    48.     border-bottom: 1px solid #FFFFFF;
    49. }
    50. /*-- Второе меню --*/
    51. .menu2 {
    52.     background: url('/images/menu2.png') repeat-x;
    53.     height: 48px;
    54.     display: block;
    55.     border-bottom: 1px solid #FFFFFF;
    56. }
    57. .menu2 a {
    58.     text-shadow: 0px 1px 0px #000000;
    59.     font-family: Verdana,Arial,Helvetica,sans-serif;
    60.     font-size: 12pt;
    61.     color: #FFFFFF;
    62.     text-decoration: none;
    63.     box-sizing: border-box;
    64.     -moz-box-sizing: border-box;
    65.     -webkit-box-sizing: border-box;
    66.     float: left;
    67.     display: block;
    68.     padding: 15px 20px 0px 20px;
    69.     border-right: 1px solid #FFFFFF;
    70.     height: 100%;
    71.     box-sizing: border-box;
    72. }
    73. .menu2 a:hover {
    74.     color: #000000;
    75. }
    76. /*-- Сайдбар --*/
    77. .sidebar {
    78.     width: 225px;
    79.     padding: 10px 0px 10px 10px;
    80.     box-sizing: border-box;
    81.     background: #b7b7b7;
    82.     float: left;
    83. }
    84. .sidebox {
    85.     width: 205px;
    86.     border: 1px solid #FFFFFF;
    87.     border-radius: 10px;
    88.     -moz-border-radius: 5px;
    89.     -webkit-border-radius: 5px;
    90.     background: #c9c9c9;
    91. }
    92. .sideboxt {
    93.     margin: 10px 15px 10px 15px;
    94.     text-align: center;
    95.     display: block;
    96.     padding-top: 12px;
    97.     height: 43px;
    98.     border: 1px solid #FFFFFF;
    99.     background: url('/images/menubg.png');
    100.     box-sizing: border-box;
    101.     border-radius: 15px;
    102.     font-size: 12pt;
    103.     color: #FFFFFF;
    104.     text-shadow: 0px 1px 0px #000000;
    105.     font-family: Verdana,Arial,Helvetica,sans-serif;
    106. }
    107. .sidebox a {
    108.     background: #81aa14;
    109.     height: 27px;
    110.     box-sizing: border-box;
    111.     padding: 4px;
    112.     font-size: 11pt;
    113.     font-family: Verdana,Arial,Helvetica,sans-serif;
    114.     color: #FFFFFF;
    115.     text-shadow: 0px 1px 0px #000000;
    116.     text-decoration: none;
    117.     display: block;
    118.     margin: 0px 0px 5px 0px;
    119. }
    120. .sidebox a:hover {
    121.     background: url('/images/menuhover.png');
    122. }
    123. /*-- Контент --*/
    124. .content {
    125.     width: 675px;
    126.     background: #e3e3e3;
    127.     padding-top: 10px;
    128.     padding-bottom: 10px;
    129.     box-sizing: border-box;
    130.     border-left: 1px solid #FFFFFF;
    131.     margin-left: 225px;
    132. }
    133. #seotext {
    134.     display: block;
    135.     width: 615px;
    136.     border-radius: 2px;
    137.     padding: 10px;
    138.     font-size: 10pt;
    139.     color: #0e0e0e;
    140.     text-shadow: 0px 1px 0px #FFFFFF;
    141.     font-family: Verdana,Arial,Helvetica,sans-serif;
    142.     margin-left: 35px;
    143.     box-sizing: border-box;
    144.     box-shadow: 0px 10px 10px -10px #000000 inset;
    145.     background: url('/images/stars.png') #e8e8e8 no-repeat;
    146.     background-position: center;
    147.     border: 1px solid #FFFFFF;
    148.     text-align: center;
    149. }
    150. /*-- Новость --*/
    151. .news {
    152.     border: 1px solid #FFFFFF;
    153.     background: rgb(249,249,249); /* Old browsers */
    154.     background: -linear-gradient(top,  rgba(249,249,249,1) 1%, rgba(215,215,215,1) 100%); /* FF3.6+ */
    155.     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(249,249,249,1)), color-stop(100%,rgba(215,215,215,1))); /* Chrome,Safari4+ */
    156.     background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 1%,rgba(215,215,215,1) 100%); /* Chrome10+,Safari5.1+ */
    157.     background: -o-linear-gradient(top,  rgba(249,249,249,1) 1%,rgba(215,215,215,1) 100%); /* Opera 11.10+ */
    158.     background: -ms-linear-gradient(top,  rgba(249,249,249,1) 1%,rgba(215,215,215,1) 100%); /* IE10+ */
    159.     background: linear-gradient(to bottom,  rgba(249,249,249,1) 1%,rgba(215,215,215,1) 100%); /* W3C */
    160.     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
    161.     margin: 10px 0px 0px 35px;
    162.     display: block;
    163.     width: 615px;
    164.     border-radius: 5px;
    165. }
    166. .newstop {
    167.     padding: 10px 0px 10px 10px;
    168.     box-sizing: border-box;
    169.     background: url('/images/border.png') repeat-x;
    170.     background-position: bottom;
    171.     font-family: Verdana,Arial,Helvetica,sans-serif;
    172.     font-size: 10pt;
    173.     color: #000000;
    174. }
    175. .newscenter {
    176.     padding: 10px;
    177.     font-family: Verdana,Arial,Helvetica,sans-serif;
    178.     font-size: 10pt;
    179. }
    180. .newscenter img {
    181.     border: 1px solid #FFFFFF;
    182.     border-radius: 2px;
    183.     box-shadow: 0px 0px 10px #000000;
    184. }
    185. .newsbottom {
    186.     margin: 10px;
    187.     text-align: right;
    188. }
    189. /*-- Футер --*/
    190. #footer {
    191.     box-sizing: border-box;
    192.     padding: 15px 10px 10px 10px;
    193.     font-size: 10pt;
    194.     font-family: Verdana,Arial,Helvetica,sans-serif;
    195.     color: #d5d5d5;
    196.     text-shadow: 0px 1px 0px #000000;
    197.     height: 116px;
    198.     background: url('/images/footer.png');
    199.     border-top: 1px solid #FFFFFF;
    200. }
    201. .footertext {
    202.     width: 700px;
    203.     float: left;
    204. }
    205. .footercount {
    206.     padding: 10px 10px 0px 10px;
    207.     width: 110px;
    208.     box-sizing: border-box;
    209.     display: block;
    210.     float: right;
    211.     background: rgba(255,255,255,0.1);
    212.     border-radius: 5px;
    213. }
    214. .footercount img {
    215.     margin-bottom: 10px;
    216. } 
    Подсказка от модератора:
    Любой код или текст конфигурации пишите между тегом [code=php] и [/code].
    Используйте отступы в коде для форматирования текста.
    Это помогает быстрее понять вас, увеличивает шанс на получение ответа.
    Что выделять? Например: PHP, HTML, CSS, JavaScript, SQL, XML, .htaccess, ini, регулярные выражения, код шаблонизаторов, любая другая разметка, результаты array/object dump и т. д.
     
    #1 andrei051073, 21 мар 2016
  2. mr.akv

    mr.akv Активный пользователь

    С нами с:
    31 мар 2015
    Сообщения:
    1.604
    Симпатии:
    206
    :D
     
    #2 mr.akv, 21 мар 2016
  3. mahmuzar

    mahmuzar Старожил

    С нами с:
    6 апр 2012
    Сообщения:
    4.631
    Симпатии:
    425
    Адрес:
    РД, г. Махачкала.
    andrei051073, браток, имя вроде русское, ты чего так пишешь то? И ссылки твои никуда не годятся.
     
    #3 mahmuzar, 22 мар 2016
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.156
    Симпатии:
    1.770
    Адрес:
    :сердА
    Ник - Андрей. Имя - Толик. Забавно.

    Братушка, ссылка-то левая, с твоего компа так-то, а не из интернета. У нас не откроется. Ты на хостинг по-четкому выложи картиночку-то. imgur там или еще какой, дохрена их карочи. И вот тады разговор можна будет вести какой-та.
     
    #4 Fell-x27, 22 мар 2016
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)