• Ana Sayfa
  • Portal
  • Arama
  • Üye Listesi
  • Yetkili Listesi
  • Diğer

  • GrafikArşivine | Hoşgeldiniz.

    Ziyaret ettiğiniz için teşekkür ederiz aramıza katılıp bize destek olmak istermisiniz?
    Hoşgeldin, Ziyaretçi
    Sitemizden yararlanabilmek için Kayıt olmalısınız.

    Kullanıcı Adınız:
      

    Şifreniz:
      





    Forumda Ara

    (Gelişmiş Arama)

    Forum İstatistikleri
    » Toplam Üyeler: 57
    » Son Üye: 07007
    » Toplam Konular: 90
    » Toplam Yorumlar: 153

    Detaylı İstatistikler

    Kimler Çevrimiçi
    Toplam: 130 kullanıcı aktif
    » 2 Kayıtlı
    » 125 Ziyaretçi
    Bing, Google, Yandex, devrimumut, Dream41

    Son Aktiviteler
    #18 Mart Çanakkale Zaferi
    Forum: Duyurular & Kurallar
    Son Yorum: Dream41
    18-03-2019, Saat: 08:42
    » Yorumlar: 0
    » Okunma: 9
    Eski bir Walpaper Çalışma...
    Forum: Wallpaper Çalışmalarınız
    Son Yorum: devrimumut
    11-03-2019, Saat: 20:08
    » Yorumlar: 1
    » Okunma: 67
    Regaip Kandiliniz Mübarek...
    Forum: Duyurular & Kurallar
    Son Yorum: Dream41
    07-03-2019, Saat: 13:31
    » Yorumlar: 0
    » Okunma: 28
    Thumbnail Çalışması
    Forum: Özel Çalışmalar
    Son Yorum: Dream41
    04-03-2019, Saat: 11:00
    » Yorumlar: 0
    » Okunma: 45
    Flat Duyuru Panoları
    Forum: HTML
    Son Yorum: Dream41
    04-03-2019, Saat: 10:43
    » Yorumlar: 0
    » Okunma: 43
    Basit Header Kodlaması
    Forum: HTML
    Son Yorum: Dream41
    03-03-2019, Saat: 22:42
    » Yorumlar: 0
    » Okunma: 38
    404 Error Page
    Forum: HTML
    Son Yorum: Dream41
    28-02-2019, Saat: 18:14
    » Yorumlar: 0
    » Okunma: 54
    Postbit Çizim Çalışması
    Forum: Çizim Tasarımları
    Son Yorum: Dream41
    28-02-2019, Saat: 17:31
    » Yorumlar: 0
    » Okunma: 48
    Kurumsal Site Çizim Çalış...
    Forum: Çizim Tasarımları
    Son Yorum: Dream41
    28-02-2019, Saat: 17:28
    » Yorumlar: 0
    » Okunma: 33
    Responsive İndex Tasarımı
    Forum: HTML
    Son Yorum: Dream41
    28-02-2019, Saat: 17:27
    » Yorumlar: 0
    » Okunma: 38

     
      #18 Mart Çanakkale Zaferi
    Yazar: Dream41 - 18-03-2019, Saat: 08:42 - Forum: Duyurular & Kurallar - Yorum Yok

    [Resim: 18-mart-canakkale-zaferi-siirleri-1140x570.jpg]

    Çanakkale Zaferi, Türk askerinin ruh kudretini gösteren şayanı hayret ve tebrik bir misaldir. Emin olmalısınız ki, Çanakkale Muhare­belerini kazandıran bu yüksek ruhtur.

    #18 Mart Çanakkale zaferi kutlu olsun.

    Bu konuyu yazdır

      Eski bir Walpaper Çalışması
    Yazar: Dream41 - 11-03-2019, Saat: 01:55 - Forum: Wallpaper Çalışmalarınız - Yorumlar (1)

    [Resim: Ll6l2G.png]
    HDD:

    Bu konuyu yazdır

      Regaip Kandiliniz Mübarek Olsun
    Yazar: Dream41 - 07-03-2019, Saat: 13:31 - Forum: Duyurular & Kurallar - Yorum Yok

    [Resim: 8a3LzW.jpg]

    Bu konuyu yazdır

      Thumbnail Çalışması
    Yazar: Dream41 - 04-03-2019, Saat: 11:00 - Forum: Özel Çalışmalar - Yorum Yok

    Kendi youtube kanalım için yaptığım thumbnail çalışması.

    [Resim: imagec34fe112bdd43a39.png]

    Bu konuyu yazdır

      Flat Duyuru Panoları
    Yazar: Dream41 - 04-03-2019, Saat: 10:43 - Forum: HTML - Yorum Yok

    Önizleme:
    [Resim: image.png]
    HTML:
    Kod:
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">


    <div class="duyuru1"><i class="fas fa-bullhorn"></i> Duyuru #1 </div>
    <div class="duyuru2"><i class="fas fa-exclamation-triangle"></i> Duyuru #1 </div>
    <div class="duyuru3"><i class="fas fa-check-circle"></i> Duyuru #1 </div>
    <div class="duyuru4"><i class="fas fa-times-circle"></i> Duyuru #1 </div>
    CSS:
    Kod:
    .duyuru1{
     background:#2196F3;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru1 a{
     color:#fff;
     text-decoration:none !important;
    }

    .duyuru1 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }

    .duyuru2{
     background:#f44336;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru2 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }

    .duyuru3{
     background:#4CAF50;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru3 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }

    .duyuru4{
     background:#FF5722;
     padding:0.80em 0.60em;
     margin-bottom:5px;
     color:#fff;
     box-shadow:0px 2px 2px rgba(0,0,0,0.50);
     border-radius:0.25em;
    }

    .duyuru4 i{
       background: rgba(0, 0, 0, 0.42);
       padding: 14px 13px 15px;
       margin: -15px 13px -15px -10px;
       border-radius: 0.25em 0px 0px 0.25em;
    }

    Bu konuyu yazdır

      Basit Header Kodlaması
    Yazar: Dream41 - 03-03-2019, Saat: 22:42 - Forum: HTML - Yorum Yok

    Demo:

    Kod:
    https://codepen.io/dream41/pen/LjZXob

    HTML
    Kod:
    <div class="menu">
     <li><a href="#">Anasayfa</a></li>
     <li><a href="#">Arama</a></li>  
     <li><a href="#">Üye Listesi</a></li>  
    </div>

    CSS
    Kod:
    .menu{
     background:#2f78ad;
     padding:8px 10px;
     color:#fff;
    }

    .menu li{
     list-style-type:none;
     display:inline-block;
    }

    .menu li a{
     color:#fff;
     text-decoration:none;
     padding:5px;
    }

    Bu konuyu yazdır

      404 Error Page
    Yazar: Dream41 - 28-02-2019, Saat: 18:14 - Forum: HTML - Yorum Yok

    [Resim: image115ae1d87fb95eca.png]

    HTML:
    Kod:
    <div class="hatayazi">404</div>
    <div class="hatayazi2">Yanlış bir sayfa geri dönmek için hemen altımda bir buton var tıkla ona.</div>
    <div class="button"><a href="#">Geri Dön</a></div>
    CSS:
    Kod:
    @import url('https://fonts.googleapis.com/css?family=Roboto');

    body{
     background:#ddd;
    }

    .hatayazi{
     color:#444;
     font-size:80px;
     text-align:center;
     font-family: 'Roboto', sans-serif;
     font-weight:600;
     margin-top:180px;
    }

    .hatayazi2{
       color:#444;
     font-size:20px;
     text-align:center;
     font-family: 'Roboto', sans-serif;
     margin-top:15px;
     font-weight:500;
    }

    .button{
     background:#009688;
     padding:5px 10px;
     color:#fff;
     font-family: 'Roboto', sans-serif;
     text-align:center;
     width:100px;
     margin-left:620px;
     margin-top:20px;
     border-radius:2px
    }

    .button a{
     color:#fff;
     text-decoration:none;
    }

    Bu konuyu yazdır

      Postbit Çizim Çalışması
    Yazar: Dream41 - 28-02-2019, Saat: 17:31 - Forum: Çizim Tasarımları - Yorum Yok

    [Resim: nRPLWa.png]

    Bu konuyu yazdır

      Kurumsal Site Çizim Çalışması
    Yazar: Dream41 - 28-02-2019, Saat: 17:28 - Forum: Çizim Tasarımları - Yorum Yok

    [Resim: Web-Site-Cizimi.png]

    Eski bir çizim.

    Bu konuyu yazdır

      Responsive İndex Tasarımı
    Yazar: Dream41 - 28-02-2019, Saat: 17:27 - Forum: HTML - Yorum Yok

    [Resim: dream41index.png]

    HTML:
    Kod:
    <html>
    <head>
    <title>WebSite</title>
    <link href='style.css' rel='stylesheet'>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
    <div class="ustmenu">
    <div class="logo"><a href="#">Logo</a></div>
    <div class="ustmenu2">
    <li><a href="#">Link #1</a></li>
    <li><a href="#">Link #2</a></li>
    <li><a href="#">Link #3</a></li>
    <li><a href="#">Link #4</a></li>
       </div>
    </div>
    <div class="container">
    <h1>Yeni Eklenenler</h1>
    <div class="card">
    <h2>What is Lorem Ipsum?</h2>
    <center><img src="https://i.hizliresim.com/A1q35p.png" alt="Avatar"></center>
    <h3>What is Lorem Ipsum?</h3>
    <p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>    
    </div>
       
    <div class="card">
    <h2>What is Lorem Ipsum?</h2>
    <center><img src="https://i.hizliresim.com/A1q35p.png" alt="Avatar"></center>
    <h3>What is Lorem Ipsum?</h3>
    <p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>    
    </div>
       
       
    <div class="card">
    <h2>What is Lorem Ipsum?</h2>
    <center><img src="https://i.hizliresim.com/A1q35p.png" alt="Avatar"></center>
    <h3>What is Lorem Ipsum?</h3>
    <p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>    
    </div>
       
     <h1>En iyiler</h1>
    <div class="card">
    <h2>What is Lorem Ipsum?</h2>
    <center><img src="https://i.hizliresim.com/A1q35p.png" alt="Avatar"></center>
    <h3>What is Lorem Ipsum?</h3>
    <p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>    
    </div>
       
    <div class="card">
    <h2>What is Lorem Ipsum?</h2>
    <center><img src="https://i.hizliresim.com/A1q35p.png" alt="Avatar"></center>
    <h3>What is Lorem Ipsum?</h3>
    <p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>    
    </div>
       

    <div class="card">
    <h2>What is Lorem Ipsum?</h2>
    <center><img src="https://i.hizliresim.com/A1q35p.png" alt="Avatar"></center>
    <h3>What is Lorem Ipsum?</h3>
    <p>
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
    </p>    
    </div>
       
    </div>
           

    <div class="footer">
    <a href="#">Logo</a>
    <div class="footersag">Kodlama: <a href="https://grafikarsivi.com">Dream41</a></div>
    </div>    
       
    </body>
    </html>
    CSS:
    Kod:
    @import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');

    body{
       background: #f5f5f5;
       margin:0px;
    }

    a{
       text-decoration: none;
    }

    .ustmenu {
       background: #7289DA;
       padding: 25px;
       top: 0px;
       margin: 0px;
       height: 20px;
       box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.27);
       margin-bottom: 20px;
    }

    .ustmenu2{
       float:right;
    }

    .ustmenu2 li {
       list-style-type: none;
       display: inline-block;
    }

    .ustmenu2 li a{
       color:#fff;
       font-family: Roboto;
       padding:25px;
       transition:0.4s;
    }

    .ustmenu2 li a:hover{
       background: rgba(0,0,0,0.27);
    }

    .logo{
       font-family: Roboto;
       float: left;
       font-size: 24px;
       margin-top: -8px;
       margin-left: 60px;
    }

    .logo a{
       color:#fff;
    }

    .container{
       margin:auto;
       max-width: 100%;
       width:85%;
    }

    .footer {
       background: #7289DA;
       padding: 25px;
       color: #fff;
       font-family: Roboto;
       font-size: 25px;
       margin-top: 20px;
       box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.27);
       height: 25px;
    }

    .footer a{
       color:#fff;
       float:left;
    }

    .footersag{
       float:right;
       font-size:15px;
    }

    .footersag a{
       float:right;
    }

    .card{
       background: #fff;
       padding: 10px;
       color: #444;
       margin-bottom: 10px;
       display: inline-block;
       width: 30%;
       border: 1px solid #ddd;
       margin-left: 2px;
       font-family: Roboto;
       border-radius: 5px;
    }

    .card img{
       width:150px;
       height: 150px;
       border-radius: 50%;
    }

    h2{
       font-family: Roboto;
       font-size: 20px;
       margin-top: 5px;
    }

    h3{
       font-family: Roboto;
    }

    h1{
       font-family: Roboto;
       font-size: 25px;
       color:#444;
       font-weight: 500;
    }

    @media only screen and (max-width:900px) {
       .container{
           max-width: 100%;
           width:100%;
           margin:auto;
       }
       .card{
           margin: auto;
           width:93%;
           margin-left: 15px;
           margin-bottom: 5px;
       }
       .ustmenu2{
           display:none;
       }
       h1{
           text-align: center;
       }
    }

    Bu konuyu yazdır

    Hakkımızda

    GrafikArşivi 4 Eylül 2018 tarihinde açılmış olup sizlerin destekleri ile büyümeye devam etmekte.

    İletişim

    İletişim sayfamızı kullanabilirsiniz.

    - ya da -
    Türkçe Çeviri: MCTR, Yazılım: MyBB, © 2002-2019 MyBB Group.
    selam