seoseo
tr-opencart

     
avatar Şuanki Zaman: 05-28-2017, 11:09 PMHoşgeldin Misafir !
  Şifremi Hatırlat   kayıt ol
opencart temaları

Harici eklediğim açılır menü sayfa boyutuna oturmuyor

Konuyu görüntüleyenler: 1 Misafir
 
Değerlendir:
  • 0 Oy - 0 Yüzde
  • 1
  • 2
  • 3
  • 4
  • 5
%
Cevapla  Gönder 
v  v
Yazar  Acaram - Görüntüleme - Okunma  635 - Yorum  0

Acaramv
Acemi Üye
**
Üye user avatar
Çevrimdışı

Mesajlar: 3
Konular: 1
Katılma Tarihi: Nov 2016
Rep Puanı: 0
Teşekkürler: 0
0 Mesajına, 0 Teşekkür edildi.



Kişisel Bilgileri: v
Konu Tarihi: 12-19-2016 11:47 PM
Arkadaşlar merhaba ben katagori sayfaları arasında geçişi kolaylaştırmak için katagori sayfalarına harici Multi-Level Dropline Menu Tabs menü ekledim ve iyi çalışıyor ancak bu menü açıldığında alt bölümü sayfa genişliğine ulaşmıyor.. acemiyim çok rica etsem bu konuda bana yardımcı olabilirmisiniz.. çok teşekkürler

kod :

<link href="http://fonts.googleapis.com/css?family=Bitter&subset=latin" rel="stylesheet" type="text/css">

<style>

.droplinetabs{
position: relative;
background: white;
text-align: left; /* set to left, center, or right */
font: 10px 'Bitter', sans-serif; /* use google font */
}

.droplinetabs *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.droplinetabs a{
text-decoration: none;
color: black;
display: inline-block;
font-weight: bold;
padding: 9px;
position: relative;
}

.droplinetabs, .droplinetabs ul{
list-style: none;
margin: 0;
padding: 0;
z-index:999;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-perspective-origin: 0% 0%;
perspective-origin: 0% 0%;
}

/* Top Level LI style */
.droplinetabs > li{
}

/* Top Level link style */
.droplinetabs > li > a{
border-radius: 5px 5px 0 0;
background: #BADBF2;
text-transform: uppercase;
}

/* Top Level link style on hover and when active */
.droplinetabs li:hover > a {
background: #E0EFFA;
}

.droplinetabs li{
display: inline;
}

/* drop line ULs style */
.droplinetabs ul{
background: #F5F5F5;
position: absolute;
left: -5000px;
width: 100%;
opacity: 0;
padding: 10px 0;
top: auto;
border: 1px solid #ddd;
box-shadow: 0 3px 5px #eee;
-webkit-transform: rotateX(-70deg);
transform: rotateX(-70deg);
backface-visibility: hidden;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition: opacity .3s, -webkit-transform .5s, visibility 0s .3s, left 0s .3s;
transition: opacity .3s, transform .5s, visibility 0s .3s, left 0s .3s;
}

/* Reveal sub menu on hover */
.droplinetabs li:hover > ul{
opacity: 1;
left: 0;
top: auto;
z-index: 1000;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: opacity .5s, -webkit-transform .5s;
transition: opacity .5s, transform .5s;
}

.droplinetabs ul li{
display: inline;
}

/* Sub Levels link style on hover and when active */

.droplinetabs ul li:hover > a {
background: #C0C0C0;
border-radius: 10px;
}

/* LIs with a sub UL style */
.droplinetabs li > a {
/* add padding to accomodate arrow inside LIs */
padding-right: 30px;
}

/* LIs with NO sub UL style */
.droplinetabs li > a:only-child {
/* undo padding for non submenu LIs */
padding-right: 15px;
}


/* Arrow for LIs with sub ULs */
.droplinetabs li > a:after {
/* add arrow inside LIs */
content: "";
position: absolute;
height: 0;
width: 0;
border: 5px solid transparent;
border-top-color: black;
top: 45%;
right: 15px;
}


/* LIs with NO sub UL pseudo class */
.droplinetabs li > a:only-child:after {
/* undo arrow for non submenu LIs */
display: none;
}

/* ####### responsive layout CSS ####### */

@media (max-width: 720px) {
/* Top Level link style */
.droplinetabs > li > a{
border-radius: 0;
margin-top: 5px;
}

}

</style><ul class="droplinetabs">
<li><a href="#">A1</a> <ul>
<li><a href="index.php?route=product/category&amp;path=20_26">HATCHBACK(8X1/8XF)</a> <ul>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.0</a></li>
<li><a href="#">1.2</a></li>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.4</a></li>
<li><a href="#">1.6</a></li>
<li><a href="#">2.0</a></li>
</ul>
</li>
<li><a href="#">S1 QUATTRO</a></li>
</ul>
</li>
<li><a href="index.php?route=product/category&amp;path=20_26">SPORTBACK(8XA/8XK)</a> <ul>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.0</a></li>
<li><a href="#">1.2</a></li>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.4</a></li>
<li><a href="#">1.6</a></li>
<li><a href="#">2.0</a></li>
</ul>
</li>
<li><a href="#">S1 QUATTRO</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="jvold(0)">A3</a> <ul>
<li><a href="#">HATCHBACK(8L1)</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">1.8T</a></li>
<li><a href="#">1.8T QUATTRO</a></li>
<li><a href="#">1.9TDI</a></li>
<li><a href="#">1.9TDI QUATTRO</a></li>
<li><a href="#">S3</a></li>
<li><a href="#">S3 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">HATCHBACK(8P1)</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">1.8T</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">FSI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">2.0</a></li>
</ul>
</li>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">1.8 QUATTRO</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">TSI</a> <ul>
<li><a href="#">1.2</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">1.9</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 16V</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
<li><a href="#">2.0 16V QUATTRO</a></li>
</ul>
</li>
<li><a href="#">3.2 QUATTRO</a></li>
<li><a href="#">S3 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">HATCHBACK(8V1)</a> <ul>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.2</a></li>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">1.8 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">S3</a></li>
<li><a href="#">S3 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">SPORTBACK(8PA)</a><ul>
<li><a href="#">1.6</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">FSI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">2.0</a></li>
</ul>
</li>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">1.8 QUATTRO</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">TSI</a> <ul>
<li><a href="#">1.2</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">1.9</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 16V</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
<li><a href="#">2.0 16V QUATTRO</a></li>
</ul>
</li>
<li><a href="#">RS3 QUATTRO</a></li>
<li><a href="#">3.2 QUATTRO</a></li>
<li><a href="#">S3 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">SPORTBACK(8VA)</a><ul>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.2</a></li>
<li><a href="#">1.4</a></li>
<li><a href="#">1.4 E-TRON</a></li>
<li><a href="#">1.4 G-TRON</a></li>
<li><a href="#">1.8 QUATTRO</a></li>
<li><a href="#">40</a></li>
<li><a href="#">45</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">RS3 QUATTRO</a></li>
<li><a href="#">S3 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">SEDAN(8VS)</a><ul>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.2</a></li>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">1.8 QUATTRO</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">1.6 QUATTRO</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">S3</a></li>
<li><a href="#">S3 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">CABRIO(8P7)</a><ul>
<li><a href="#">1.6</a></li>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.2</a></li>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">1.9</a></li>
<li><a href="#">2.0</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">CABRIO(8V7)</a> <ul>
<li><a href="#">TFSI</a> <ul>
<li><a href="#">1.4</a></li>
<li><a href="#">1.8</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
<li><a href="#">40</a></li>
</ul>
</li>
<li><a href="#">TDI</a> <ul>
<li><a href="#">1.6</a></li>
<li><a href="#">2.0</a></li>
<li><a href="#">2.0 QUATTRO</a></li>
</ul>
</li>
<li><a href="#">S3 QUATTRO</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="jvold(0)">A4</a> <ul>
<li><a href="#">SEDAN (8D2/B5)</a></li>
<li><a href="#">AVANT (8D5,B5)</a></li>
<li><a href="#">SEDAN (8E2/B6)</a></li>
<li><a href="#">AVANT (8E5/B6)</a></li>
<li><a href="#">SEDAN (8EC/B7)</a></li>
<li><a href="#">AVANT (8ED/B7)</a></li>
<li><a href="#">SEDAN (8K2/B8)</a></li>
<li><a href="#">AVANT (8K5/B8)</a></li>
<li><a href="#">ALLROAD (8KH/B8)</a></li>
<li><a href="#">CABRIO (8H7/B6 - 8HE/B7)</a></li>
</ul>
</li>
<li><a href="#">A5</a> <ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Sub Item 2.2</a></li>
<li><a href="jvold(0)">Folder 2.3</a> <ul>
<li><a href="#">Sub Item 2.3.1</a></li>
<li><a href="#">Sub Item 2.3.2</a></li>
<li><a href="#">Sub Item 2.3.3</a></li>
<li><a href="#">Sub Item 2.3.4</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.7</a></li>
</ul>
</li>
<li><a href="jvold(0)">A6</a> <ul>
<li><a href="#">Sub Item 3.1</a></li>
<li><a href="jvold(0)">Folder 3.2</a> <ul>
<li><a href="#">Sub Item 3.2.1</a></li>
<li><a href="#">Sub Item 3.2.2</a></li>
<li><a href="jvold(0)">Folder 3.2.3</a> <ul>
<li><a href="#">Sub Item 3.2.3.1</a></li>
<li><a href="#">Sub Item 3.2.3.2</a></li>
<li><a href="#">Sub Item 3.2.3.3</a></li>
<li><a href="#">Sub Item 3.2.3.4</a></li>
<li><a href="#">Sub Item 3.2.3.5</a></li>
</ul>
</li>
<li><a href="#">Sub Item 3.2.4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="https://twitter.com/ddrivegeorge">A7</a> <ul>
<li><a href="#">Sub Item 2.1</a></li>
<li><a href="#">Sub Item 2.2</a></li>
<li><a href="jvold(0)">Folder 2.3</a> <ul>
<li><a href="#">Sub Item 2.3.1</a></li>
<li><a href="#">Sub Item 2.3.2</a></li>
<li><a href="#">Sub Item 2.3.3</a></li>
<li><a href="#">Sub Item 2.3.4</a></li>
</ul>
</li>
<li><a href="#">Sub Item 2.7</a> <ul>
<li><a href="jvold(0)">Folder 2.3</a> <ul>
<li><a href="#">Sub Item 2.3.1</a></li>
<li><a href="#">Sub Item 2.3.2</a></li>
<li><a href="#">Sub Item 2.3.3</a></li>
<li><a href="#">Sub Item 2.3.4</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul> Resmi Büyütmek İçin Tıklayın   
Alıntı Yaparak Cevapla
Paylaş!
opencart temaları

« Önceki | Sonraki »
Cevapla  Gönder 

Harici eklediğim açılır menü sayfa boyutuna oturmuyor Konusunun Linki Direk Link
Harici eklediğim açılır menü sayfa boyutuna oturmuyor Konusunun HTML Kodu HTML Link
Harici eklediğim açılır menü sayfa boyutuna oturmuyor Konusu BBCode Linki BBCode Link
Harici eklediğim açılır menü sayfa boyutuna oturmuyor Konusunu Paylaş Sosyal Paylaş

Harici eklediğim açılır menü sayfa boyutuna oturmuyor indir, Harici eklediğim açılır menü sayfa boyutuna oturmuyor Videosu, Harici eklediğim açılır menü sayfa boyutuna oturmuyor online izle, Harici eklediğim açılır menü sayfa boyutuna oturmuyor Bedava indir, Harici eklediğim açılır menü sayfa boyutuna oturmuyor Yükle, Harici eklediğim açılır menü sayfa boyutuna oturmuyor Hakkında, Harici eklediğim açılır menü sayfa boyutuna oturmuyor nedir, Harici eklediğim açılır menü sayfa boyutuna oturmuyor Free indir, Harici eklediğim açılır menü sayfa boyutuna oturmuyor oyunu, Harici eklediğim açılır menü sayfa boyutuna oturmuyor download


Forum Atla: