Jump to content

начинающий верстаг

Newbie
  • Posts

    19
  • Joined

  • Last visited

Posts posted by начинающий верстаг

  1. ищу работу 
    мои знания:
    html css
    javascript /jquery
    натяжка на wordpress.
    хочу развиваться как фронтенд специалист
    https://vk.com/id124417927 

  2. Если в мобильном телефоне быстро прокручивать страницу, то машинка поднимается на верх(то есть z-index становиться больше чем должно быть или телефон не успевает обработать скрипт ), что делать, чтобы это не происходило? 

    Только что, начинающий верстаг сказал:

    Если в мобильном телефоне быстро прокручивать страницу, то машинка поднимается на верх(то есть z-index становиться больше чем должно быть или телефон не успевает обработать скрипт ), что делать, чтобы это не происходило? 

    portfoliox.ru

  3. 33 минуты назад, AlexZaw сказал:

    Я извиняюсь, а почему так долго? Хотя в целом неплохо, вот только мобильное меню на весь экран это перебор, особенно с учетом того что там скролл работает.

    Да, и карточки с людьми периодически зависают в верхнем положении, зачем вообще этот эффект был сделан с помощью js, когда можно было использовать обычный hover

    долго потому что опыта нет, как думаете сколько стоит такая верстка?

     

  4. спасибо, ваш отзыв помог мне!!!

    7 минут назад, AlexZaw сказал:

    Я конечно не дизайнер, но красная линия как то выпадает из общего стиля, и, как мне кажется, если вы выложите такую работу в портфолио то многие сочтут ее за вашу ошибку, а не ошибку дизайнера или макета. Был бы это реальный проект я бы уточнил этот момент у дизайнера. На учебном макете либо убрал бы линию совсем, либо изменил бы цвет

    спасибо

  5. 7 минут назад, AlexZaw сказал:

    В мобильном варианте ваше гамбургер меню плохо видно на светлом фоне. И что за красная линия у логотипа?

     

    Screenshot_2.png

    это фишка такая, в psd макете тоже красная линия

  6. 11 минуту назад, andrew312 сказал:

    body > div > div.header > div.header_wrap > div > div.header_right > span.tel

    Зачем использовать span.tel и давать ему display:block? Не проще ли было взять div?

    При ширине 1024 ,

    @media screen and (max-width: 1080px)

    style.css:838

    .header_wrap {

    height: 600px;

    }

    Ограничение высоты блока приведет к тому, что блок не растянется при добавлении текста. и текст уедет за пределы фона.

    как думаешь, можно этот сайт показывать в портфолио?
     

  7. Сверстаю сайт бесплатно из psd макета желательно лендинг и несложный сайт

    мои навыки: html, css, javascript, jquery, адаптивная верстка

    до этого просто для себя верстал 

    Скрытый текст
    Скрытый текст

     

     

     

  8. пацыки я сверстал зацените

    Spoiler

    html::::::::

    <div class="suka" >
              <div class="sex">
                <img src="image/image_1.png" class="image_1">
                <div class="facke">
                  <h2>Quick and easy</h2>
                  <p>Ma quande lingues coalesce, li gram-
                  matica del resultant lingue es plu sim-
                  plic e regulari quam ti del coalescent
                  lingues. Li nov lingua franca va esser-
                  plu simplic e regulari.</p>
                </div>
              </div>
              <div class="sex">
                <img src="image/image_2.png" class="image_1">
                <div class="facke">
                  <h2>Less risky</h2>
                  <p>Lorem ipsum dolor sit amet, con-
                  sectetuer adipiscing elit,sed diam non-
                  ummy nibh euismod tincidunt ut laoreet
                  dolore magna aliquam erat volutpat.Ut </p>
                </div>
              </div>
              <div class="sex">
                <img src="image/image_3.png" class="image_1">
                <div class="facke" id="facke_reshalka">
                  <h2>Support - 24h</h2>
                  <p>It va esser tam simplic quam Occiden-c
                  tal: in fact, it va esser Occidental.A un
                  Angleso it va semblar un simplificat
                  Angles</p>
                </div>
              </div>
            </div>
            <div class="clear"></div>
            <div class="suka" id="suka_reshalka">
              <div class="sex">
                <img src="image/image_4.png" class="image_1">
                <div class="facke">
                  <h2>Well written help file</h2>
                  <p>Ma quande lingues coalesce, li gram
                  matica del resultant lingue es plu sim
                  plic e regulari quam ti del coalescent
                  lingues. Li nov lingua franca va esser
                  plu simplic e regulari.</p>
                </div>
              </div>
              <div class="sex">
                <img src="image/image_5.png" class="image_1">
                <div class="facke">
                  <h2>Import your own photos</h2>
                  <p>Lorem ipsum dolor sit amet, con-
                  sectetuer adipiscing elit,sed diam non-
                  ummy nibh euismod tincidunt ut laoreet
                  dolore magna aliquam erat volutpat.Ut </p>
                </div>
              </div>
              <div class="sex">
                <img src="image/image_6.png" class="image_1">
                <div class="facke" id="facke_reshalka">
                  <h2>User friendly design </h2>
                  <p>It va esser tam simplic quam Occiden-c
                  tal: in fact, it va esser Occidental.A un
                  Angleso it va semblar un simplificat
                  Angles</p>
                </div>
              </div>
            </div>
            </div>
          </div>

    css:::::::

    .sex{
        /height:120px;
        width:33.33%;
        float:left;
        font-family:sans-serif;
    }
    .image_1{
        float:left;
    }
    .facke{
        float:right;
        width:185px;
        padding-right:36px;
    }
    .facke h2{
        margin-bottom:10px;
        font-size:22px;
    }
    .facke p{
        font-size:12px;
        color:#808080;
    }
    .suka{
        padding-left:31px;
        padding-right:43px;
    }
    #facke_reshalka{
        padding-right:0px;
    }
    #suka_reshalka{
        margin-top:70px;
    }


     

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy