Css Dock menu

Merhaba Arkadaşlar ,

Bu seferki yazımda css ile dock menu nasıl yapılır  kısa bir kod örneği ile göstermeye çalışacağım. Bir çoğumuz görmüşüzdür ve nasıl yapıldığını merak etmişizdir. Şimdi kodlara geçelim.

CSS:

  #dock-container {

         

            text-align: center;

            right: 20%;

            left: 20%;

            width: 100%;

            border-radius: 10px 10px 0 0;

        }

   #dock-container li {

            list-style-type: none;

            position: relative;

            margin-bottom:40px;

       

           

        }

            

            

  #dock-container li img {

          width: 32px;

          height: 32px;

          -webkit-box-reflect: below 2px

                    -webkit-gradient(linear, left top, left bottom, from(transparent),

                    color-stop(0.7, transparent), to(rgba(255,255,255,.5)));

          -webkit-transition: all 0.3s;

          -webkit-transform-origin: 50% 100%;

        }

              #dock-container li:hover img {

          -webkit-transform: scale(2);

          margin: 0 2em;

        }

        #dock-container li:hover + li img,

        #dock-container li.prev img {

          -webkit-transform: scale(1.5);

          margin: 0 1.5em;

        }

            

              #dock-container li span {

            display: none;

            position: absolute;

            bottom: 140px;

            left: 0;

            width: 100%;

            background-color: rgba(0,0,0,0.75);

            padding: 4px 0;

            border-radius: 12px;

        }

        #dock-container li:hover span {

            float :left;

            display: block;

            color: #fff;

        }

HTML KODLARI:

<div style="width:10%;float:left;" id="leftMenu">

                <div id="dock-container">

                     <div id="dock">

                       <ul>

                          <li style="margin-top:25px">

                            <span>Ana Sayfa</span>

                            <a href="#"> <img class="img-responsive img-rounded" src="Content/SiteMaster/images/dockmenu/CashBox.jpg" /></a>

                          </li>

                          <li>

                            <span>iletişim</span>

                            <a href="#"><img class="img-responsive img-rounded"  src="Content/SiteMaster/images/dockmenu/Communication.jpg" /></a>

                          </li>

                          <li>

                             <span>Hakkımızda</span>

                             <a href="#"><img class="img-responsive img-rounded"  src="Content/SiteMaster/images/dockmenu/Current.jpg" /></a>

                          </li>

                          <li>

                             <span>Makaleler</span>

                             <a href="#"> <img class="img-responsive img-rounded"  src="Content/SiteMaster/images/dockmenu/DailyProcessCheck.jpg" /></a>

                          </li>

                            <li>

                             <span>G+</span>

                             <a href="#"> <img class="img-responsive img-rounded"  src="Content/SiteMaster/images/dockmenu/Invoice.jpg" /></a>

                          </li>

                            <li>

                             <span>Facebook</span>

                             <a href="#"> <img class="img-responsive img-rounded"  src="Content/SiteMaster/images/dockmenu/Order.jpg" /></a>

                          </li>

                           

                           

                       </ul>

                     </div>

                    </div>

              </div>

EKRAN GÖRÜNTÜSÜ:

Kolay Gelsin..

Excelden Veri Okuma -VB.NET

Merhaba Arkadaşlar ,

Bu seferki yazım da visual basi cte  , excel dosyasın dan veri okumayı gösteren bir kod parcaçığını örnek olması için paylaşağım.

Kod ta yer alan bir takım değişken tanımlamalarını kullanabilmeniz için -Microsoft Excel 15(hangi sürüm var ise ).0 Object Library-  projenize referans olarak eklemeniz gerekmektedir.

Projenize göre - add reference  seçeneğini bulun ( örn: web projelerinde solution explorer da proje üzerine sağ tık->add-reference dedikten sonra COM sekmesinin altında belirtiğim kütüphane yi seçip ok deyin.)

Imports System.Runtime.InteropServices

Imports Microsoft.Office.Interop

Partial Class _Default

    Inherits System.Web.UI.Page

    Protected Sub Button1_Click(sender As Object, e As EventArgs)

        'nothing : başlangıç degeri boş veya sıfır demektir.

        Dim xlApp As Excel.Application = Nothing

        Dim xlWorkBook As Excel.Workbook = Nothing

        Dim xlworksheet As Excel.Worksheet = Nothing

        Dim range As Excel.Range = Nothing

        'verileri stringe çevirip ekranda gösteriyorum.

        'isterseniz dizi olarak tanımlayıp diziyede atabilirsiniz 

        Dim str As String = Nothing

        'okudugum exceldeki satır ve sutun sayısı

        Dim rw As Integer = Nothing

        Dim cl As Integer = Nothing

        xlApp = New Excel.Application()

        'excel dosyasını okuma

        xlWorkBook = xlApp.Workbooks.Open("C:\Desktop\deneme.xlsx", 0, True, 5, "", "", True, Microsoft.Office.Interop.Excel.XlPlatform.xlWindows, "\t", False, False, 0, True, 1, 0)

        'hangi woorksheetten okuyacağımı belirtiyorum (1) diyerek

        xlworksheet = DirectCast(xlWorkBook.Worksheets(1), Excel.Worksheet)

        'satır ve sutun sayısı

        range = xlworksheet.UsedRange

        rw = range.Rows.Count

        cl = range.Columns.Count

        'sırası ile satır ve sutun değerlerine ulaşıp ekranda gösteriyorumn

        'satır ve sutun sayısını kendiniz belirleyip , ordan başlamasının da sağlayabilirsiniz

        For rCnt As Integer = 1 To rw

            For cCnt As Integer = 1 To cl

                str = range.Cells(rCnt, cCnt).Value.ToString

                MsgBox(str)

            Next cCnt

        Next rCnt

        'işim bitince kapatıyorum.Gereksiz hafıza kullanımı olmasın diye

        xlWorkBook.Close(True, Nothing, Nothing)

        xlApp.Quit()

        Marshal.ReleaseComObject(xlworksheet)

        Marshal.ReleaseComObject(xlWorkBook)

        Marshal.ReleaseComObject(xlApp)

    End Sub

End Class

umarım faydalı olur.