Merhaba bir şablon üzerinde çalışıyorum

Şablon içeriğinde blog adında bir tablo var ben şablona yeniden bir menü ekleyip aynı tabloyu tekrar yerleştirmek istiyorum. Yani 2 ayrı menüde 2 ayrı tablo olacak. ilkinde problem yok ( Şablonun kendi tablosu ) Ama ben aynısını eklediğimde problemler yaşıyorum. Ekliyorum sıkıntı olmuyor ama tablar arası geçiş yaparken geçişini sağlamıyor.
Benim yeniden eklemek istediğimHerşey çok güzel tablo yerine geliyor kayma oynama renkte bir sıkıntı yok ama tab arası geçerken geçişini sağlamıyor. Yani kendi orjinal tablosunda tab1,tab2,tab3,tab4 arası geçişini sağlarken benim yeni bir menüye atadığım tablodaki tab5,tab6,tab7,tab8 arasında geçiş sağlamıyor. İnşallah anlatabilmişimdir. Baya zamanımı aldı yapamadım. Yardımcı olursanız çok sevinirim.


Şöyleki; şablonun kendi menüsündeki tablo aşağıdaki gibi.

HTML;


Blog
Entries


Curabitur hendrerit mauris mollis ipsum vulputate rutrum.

Phasellus luctus odio eget dui imperdiet.














  • Integer ultrices augue


    25 July 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Cras commodo odio ut


    16 July 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Sed at massa turpis


    10 July 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading












  • Sed at massa turpis


    30 June 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Lorem ipsum dolor sit


    24 June 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Cras commodo odio ut


    12 June 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading












  • Cras commodo odio ut


    26 May 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Lorem ipsum dolor sit


    22 May 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Integer ultrices augue


    8 May 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading












  • Lorem ipsum dolor sit


    26 April 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Integer ultrices augue eu


    24 April 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Cras commodo odio ut


    20 April 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading













Css;
/* Blog Style */

#blog {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 80px;
}

#blog .tabs {
list-style: none;
margin: 0px;
padding: 0px;
height: 90px;
width: 100%;
background-color: #eee;
border-bottom: 10px solid #45489a;
}

#blog .tabs li {
display: inline-block;
text-align: center;
width: 25%;
float: left;
margin: 0;
padding: 0;
}

#blog .tabs a {
display: block;
text-align: center;
text-decoration: none;
text-transform: capitalize;
letter-spacing: 0.5px;
color: #232323;
font-size: 19px;
line-height: 80px;
font-weight: 600;
transition: 0.5s;
}

#blog .tabs a:hover {
color: #45489a;
}


#blog .tabs .active:hover {
color: #fff;
}

#blog .tabs .active {
background-color: #45489a;
color: #fff;
}

.tabgroup {
background-color: #f4f4f4;
padding: 20px 30px;
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

#blog .tabgroup ul {
padding: 0;
margin: 0;
list-style: none;
}

#blog .tabgroup ul li {
display: inline-block;
text-align: left;
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}

#blog .tabgroup ul li:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 10px;
}

#blog .tabgroup ul li img {
float: left;
margin-right: 30px;
max-width: 100%;
overflow: hidden;
}

#blog .tabgroup ul li .text-content {
display: inline;
}

#blog .item .text-content h4 {
padding-top: 7.5px;
margin-top: 0px;
margin-bottom: 5px;
font-size: 21px;
font-weight: 600;
color: #232323;
letter-spacing: 0.5px;
}

#blog .item .text-content span {
display: inline-block;
font-size: 15px;
font-weight: 600;
color: #7a7a7a;
letter-spacing: 0.5px;
margin-bottom: 15px;
}

#blog .item .text-content .accent-button {
margin-top: 25px;
}


#blog {
padding-left: 15px;
padding-right: 15px;
}

#blog .tabs a {
font-size: 13px;
}

#blog .tabgroup ul li img {
float: none;
width: 100%;
margin-bottom: 15px;
}

#blog .tabgroup ul li .text-content {
display: block;
}





Benim yeni bir menüye açmak istediğim bu tablonun aynısı ama farklı çalışan kod şöyle.


HTML


Blog
Entries


Curabitur hendrerit mauris mollis ipsum vulputate rutrum.

Phasellus luctus odio eget dui imperdiet.














  • Integer ultrices augue


    25 July 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Cras commodo odio ut


    16 July 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Sed at massa turpis


    10 July 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading












  • Sed at massa turpis


    30 June 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Lorem ipsum dolor sit


    24 June 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Cras commodo odio ut


    12 June 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading












  • Cras commodo odio ut


    26 May 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Lorem ipsum dolor sit


    22 May 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Integer ultrices augue


    8 May 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading












  • Lorem ipsum dolor sit


    26 April 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Integer ultrices augue eu


    24 April 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading








  • Cras commodo odio ut


    20 April 2018

    Nam vel egestas nisi. Nullam lobortis magna at enim venenatis luctus. Nam finibus, mauris eu dictum iaculis, dolor tortor cursus quam, in volutpat augue lectus sed magna. Integer mollis lorem quis ipsum maximus finibus.




    Continue Reading












Css;

#deneme {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 80px;
}

#deneme .tabs {
list-style: none;
margin: 0px;
padding: 0px;
height: 90px;
width: 100%;
background-color: #eee;
border-bottom: 10px solid #45489a;
}

#deneme .tabs li {
display: inline-block;
text-align: center;
width: 25%;
float: left;
margin: 0;
padding: 0;
}

#deneme .tabs a {
display: block;
text-align: center;
text-decoration: none;
text-transform: capitalize;
letter-spacing: 0.5px;
color: #232323;
font-size: 19px;
line-height: 80px;
font-weight: 600;
transition: 0.5s;
}

#deneme .tabs a:hover {
color: #45489a;
}


#deneme .tabs .active:hover {
color: #fff;
}

#deneme .tabs .active {
background-color: #45489a;
color: #fff;
}

.tabgroup {
background-color: #f4f4f4;
padding: 20px 30px;
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

#deneme .tabgroup ul {
padding: 0;
margin: 0;
list-style: none;
}

#deneme .tabgroup ul li {
display: inline-block;
text-align: left;
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}

#deneme .tabgroup ul li:last-child {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 10px;
}

#deneme .tabgroup ul li img {
float: left;
margin-right: 30px;
max-width: 100%;
overflow: hidden;
}

#deneme .tabgroup ul li .text-content {
display: inline;
}

#deneme .item .text-content h4 {
padding-top: 7.5px;
margin-top: 0px;
margin-bottom: 5px;
font-size: 21px;
font-weight: 600;
color: #232323;
letter-spacing: 0.5px;
}

#deneme .item .text-content span {
display: inline-block;
font-size: 15px;
font-weight: 600;
color: #7a7a7a;
letter-spacing: 0.5px;
margin-bottom: 15px;
}

#deneme .item .text-content .accent-button {
margin-top: 25px;
}
#deneme {
padding-left: 15px;
padding-right: 15px;
}

#deneme .tabs a {
font-size: 13px;
}

#deneme .tabgroup ul li img {
float: none;
width: 100%;
margin-bottom: 15px;
}

#deneme .tabgroup ul li .text-content {
display: block;
}