მოგესალმები ფორუმის სტუმარო

იმისათვის რომ შეძლოთ ფორუმთან სრული წვდომა ამისათვის თქვენ უნდა იყოთ რეგისტრირებული

ფორუმზე ბევრი საინტერესო,გასართობი, პორტალია

შემოგვიერთდით და ერთად შევქმნათ ქართველებმა სასიამოვნო გარემო

html-Slide Panel

კატეგორია 'სხვადასხვა სკრიპტები' started by DCMS, მარ 12, 2018.

საძიებო სიტყვა:
  1. DCMS

    DCMS Member ფორუმელი

    პოსტები:
    53
    მიღწევა:
    8
    ქულები:
    8
    [​IMG]
    კოდირების ჩასმა:
    ეს სკრიპტი ჩააგდეთ css-ის ბოლოში ..
    
    #button {
      position: fixed;
      top: 353px;
      left: 0;
      background: #0094d6;
      width: 28px;
      height: 50px;
      font: 40px Georgia;
      color: #fff;
      text-align: center;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-border-radius: 0 5px 5px 0;
      -moz-border-radius: 0 5px 5px 0;
      border-radius: 0 5px 5px 0;
      }
    #s_panel {
      position: fixed;
      top: 153px;
      left: -100px;
      background: #ff7700;
      width: 100px;
      height: 150px;
      padding: 100px 0 0 0;
      -webkit-transition-duration: 0.3s;
      -moz-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s;
      -webkit-border-radius: 0 5px 0 0;
      -moz-border-radius: 0 5px 0 0;
      border-radius: 0 5px 0 0;
      }
    #button:hover {
      left: 100px;
    }
    #button:hover #s_panel {
      left: 0;
    }
    
    ხოლო ეს სკრიპტი ჩააგდეთ იქ სადაც გინდათ გამოჩნდეს ....
    
    <div id="button"> »
      <div id="s_panel">
    სასურველი ტექსტი geowap.info
      </div>
    </div>
     
    საძიებო სიტყვა:
გთხოვთ მოითმინოთ...