Šablonų titulinio blokai

Jeigu nerasite reikiamos pagalbos - rašykite mums į pagalba@verskis.lt

Galioja nuo 6.111.94 versijos

Jeigu norima naudoti senose versijose, reikės į serverį įkelti paveiksliukus.
Blokų nuorodas galite pakeisti koreguojant <a href="#">, pakeisti reikia "#" ženklą į norimą nuorodą, pvz: <a href="/katalogas">
Jeigu norima pakeisti paveiksliukus į kitus reikes paveiksliuką įkelti į serverį ir koreguoti src="NUORODA" nuorodas iki nuotraukos, pvz: <img alt="" src="/images/templates/sablonas3002/1-1.jpg"/>
Blokų pavadinimus galite pakeisti koreguojant <span>TEKSTAS</span> esanti tekstą, pvz: <span>Buitinė technika</span>

sablonas3002 - titulinis blokas (pvz. peržiūrėti demo versiją - ELEKTRONIKA)

<div class="first-3002"><a href="#"><img alt="Buitinė technika" src="/images/templates/sablonas3002/1-1.jpg">Buitinė technika</a><a href="#"><img alt="Telefonai" src="/images/templates/sablonas3002/1-2.jpg">Telefonai</a><a href="#"><img alt="Kompiuterinė technika" src="/images/templates/sablonas3002/1-3.jpg">Kompiuterinė technika</a><a href="#"><img alt="Televizoriai" src="/images/templates/sablonas3002/1-4.jpg">Televizoriai</a><a href="#"><img alt="Foto ir video" src="/images/templates/sablonas3002/1-5.jpg">Foto ir video</a></div><style>.user-text-content .first-3002{position:relative;width:100%;float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;width:100%}.user-text-content .first-3002 a{position:relative;float:left;width:19%;width:calc(20% - 8px);margin-right:10px}.user-text-content .first-3002 a:last-child{margin-right:0}.user-text-content .first-3002 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3002 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a:hover img{filter:grayscale(90%)}.user-text-content .first-3002 a span{font-weight:600;font-size:12px;line-height:15px;color:#333;z-index:15;position:absolute;letter-spacing:.1em;text-transform:uppercase;bottom:20px;left:20px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a span:before{width:30px;height:2px;background:#48a0a6;content:'';display:block;left:0;top:-10px;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3002 a:hover span{color:#48a0a6}.user-text-content .first-3002 a:hover span:before{width:35px}@media only screen and (min-width:960px) and (max-width:1199px){.user-text-content .first-3002 a span{bottom:13px}}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3002{flex-wrap:wrap;justify-content:center}.user-text-content .first-3002 a{width:31%;margin:0 1% 10px;background:#fff}}@media only screen and (max-width:767px){.user-text-content .first-3002{flex-wrap:wrap;justify-content:center}.user-text-content .first-3002 a{width:31%;margin:0 1% 10px!important;background:#fff;text-align:center}.user-text-content .first-3002 a img{float:none}.user-text-content .first-3002 a span{text-align:left}.user-text-content .first-3002 a:hover:before{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.user-text-content .first-3002 a:hover img{filter:grayscale(0)}.user-text-content .first-3002 a:hover span{color:#333}.user-text-content .first-3002 a:hover span:before{width:30px}}@media only screen and (max-width:640px){.user-text-content .first-3002 a{width:48%;margin:0 1% 10px!important;background:#fff}}@media only screen and (max-width:480px){.user-text-content .first-3002 a{width:90%;margin:0 5% 10px!important;background:#fff}}</style>

sablonas3003 - titulinis blokas (pvz. peržiūrėti demo versiją - DRABUŽIAI)

<div class="first-3003"><a href="#"><img alt="Suknelės" src="/images/templates/sablonas3003/1-1.jpg">Suknelės</a><a href="#"><img alt="Nauja kolekcija Summer 2021" src="/images/templates/sablonas3003/1-2.jpg">Nauja kolekcija<br>Summer 2021</a><a href="#"><img alt="Geriausi pasiūlymai" src="/images/templates/sablonas3003/1-3.jpg">Geriausi<br>pasiūlymai</a><a href="#"><img alt="Avalynė" src="/images/templates/sablonas3003/1-4.jpg">Avalynė</a></div><style>.user-text-content .first-3003{float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;flex-wrap:wrap;width:100%}.user-text-content .first-3003 a{position:relative;float:left;margin-bottom:10px;margin-right:10px}.user-text-content .first-3003 a:nth-child(1){width:24.3697%}.user-text-content .first-3003 a:nth-child(2){width:calc(100% - 24.3697% - 10px)}.user-text-content .first-3003 a:nth-child(3),.user-text-content .first-3003 a:nth-child(4){width:49%;width:calc(50% - 5px)}.user-text-content .first-3003 a:nth-child(2),.user-text-content .first-3003 a:nth-child(4){margin-right:0}.user-text-content .first-3003 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3003 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:hover img{filter:grayscale(90%)}.user-text-content .first-3003 a>span{font-weight:700;font-size:24px;line-height:38px;color:#fff;z-index:15;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:hover span{letter-spacing:.5px}.user-text-content .first-3003 a:nth-child(1) span{top:35px;width:100%;left:0;text-align:center}.user-text-content .first-3003 a:nth-child(2)>span{left:70px;top:50%;font-size:32px;line-height:38px;transform:translateY(-50%)}.user-text-content .first-3003 a:nth-child(2)>span>span{font-weight:500;font-size:24px;line-height:38px;color:#fff;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3003 a:nth-child(3) span,.user-text-content .first-3003 a:nth-child(4) span{font-size:32px;line-height:38px;left:80px;bottom:40px}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3003 a:nth-child(1) span{top:15px}.user-text-content .first-3003 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3003 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3003 a:nth-child(3) span,.user-text-content .first-3003 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:767px){.user-text-content .first-3003 a:nth-child(1) span{top:15px}.user-text-content .first-3003 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3003 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3003 a:nth-child(3) span,.user-text-content .first-3003 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:540px){.user-text-content .first-3003 a{width:80%!important;margin:0 10% 10px!important;text-align:center}.user-text-content .first-3003 a img{float:none}}</style>

sablonas3005 - titulinis blokas (pvz. peržiūrėti demo versiją - KOSMETIKA)

<div class="first-3005"><a href="#"><img alt="a-1" src="/images/templates/sablonas3005/a-1.jpg"></a><a href="#"><img alt="a-2" src="/images/templates/sablonas3005/a-2.jpg"></a></div><style>.user-text-content .first-3005{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between}.user-text-content .first-3005 a:first-child{margin-right:5px}.user-text-content .first-3005 a:last-child{margin-left:5px}.user-text-content .first-3005 a img{-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.user-text-content .first-3005 a:hover img{filter:hue-rotate(180deg)}@media only screen and (max-width:640px){.user-text-content .first-3005{flex-wrap:wrap}.user-text-content .first-3005 a{width:80%!important;margin:0 10% 10px!important}}@media only screen and (max-width:480px){.user-text-content .first-3005 a{width:90%!important;margin:0 5% 10px!important}}@media only screen and (max-width:380px){.user-text-content .first-3005 a{width:96%!important;margin:0 2% 10px!important}}</style>

sablonas3007 - titulinis blokas (pvz. peržiūrėti demo versiją - SPORTAS)

<div class="first-3007"><a href="#"><img alt="Lauko Tenisas" src="/images/templates/sablonas3007/1-1.jpg">Lauko Tenisas</a><a href="#"><img alt="Jėgos treniruokliai Hanteliai" src="/images/templates/sablonas3007/1-2.jpg">Jėgos treniruokliai<br>Hanteliai</a><a href="#"><img alt="Dviračių Sportas" src="/images/templates/sablonas3007/1-3.jpg">Dviračių<br>Sportas</a><a href="#"><img alt="Kardio treniruokliai" src="/images/templates/sablonas3007/1-4.jpeg">Kardio treniruokliai</a></div><style>.user-text-content .first-3007{float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;flex-wrap:wrap;width:100%}.user-text-content .first-3007 a{position:relative;float:left;margin-bottom:10px;margin-right:10px}.user-text-content .first-3007 a:nth-child(1){width:24.3697%}.user-text-content .first-3007 a:nth-child(2){width:calc(100% - 24.3697% - 10px)}.user-text-content .first-3007 a:nth-child(3),.user-text-content .first-3007 a:nth-child(4){width:49%;width:calc(50% - 5px)}.user-text-content .first-3007 a:nth-child(2),.user-text-content .first-3007 a:nth-child(4){margin-right:0}.user-text-content .first-3007 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3007 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:hover img{filter:grayscale(90%)}.user-text-content .first-3007 a>span{font-weight:700;font-size:24px;line-height:38px;color:#fff;z-index:15;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:hover span{letter-spacing:.5px}.user-text-content .first-3007 a:nth-child(1) span{top:35px;width:100%;left:0;text-align:center}.user-text-content .first-3007 a:nth-child(2)>span{left:70px;top:50%;font-size:32px;line-height:38px;transform:translateY(-50%)}.user-text-content .first-3007 a:nth-child(2)>span>span{font-weight:500;font-size:24px;line-height:38px;color:#fff;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3007 a:nth-child(3) span,.user-text-content .first-3007 a:nth-child(4) span{font-size:32px;line-height:38px;left:80px;bottom:40px}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3007 a:nth-child(1) span{top:15px}.user-text-content .first-3007 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3007 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3007 a:nth-child(3) span,.user-text-content .first-3007 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:767px){.user-text-content .first-3007 a:nth-child(1) span{top:15px}.user-text-content .first-3007 a:nth-child(2)>span{left:48px;font-size:25px;line-height:31px}.user-text-content .first-3007 a:nth-child(2)>span>span{font-size:20px;line-height:35px}.user-text-content .first-3007 a:nth-child(3) span,.user-text-content .first-3007 a:nth-child(4) span{font-size:25px;line-height:31px;left:45px;bottom:35px}}@media only screen and (max-width:540px){.user-text-content .first-3007 a{width:80%!important;margin:0 10% 10px!important;text-align:center}.user-text-content .first-3007 a img{float:none}}</style>

sablonas3009 - titulinis blokas (pvz. peržiūrėti demo versiją - PAPUOŠALAI)

<div class="first-3009"><a href="#"><img alt="a-1" src="/images/templates/sablonas3009/a-1.jpg"></a><a href="#"><img alt="a-2" src="/images/templates/sablonas3009/a-2.jpg"></a></div><style>.user-text-content .first-3009{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:space-between}.user-text-content .first-3009 a:first-child{margin-right:5px}.user-text-content .first-3009 a:last-child{margin-left:5px}.user-text-content .first-3009 a img{-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.user-text-content .first-3009 a:hover img{filter:hue-rotate(180deg)}@media only screen and (max-width:640px){.user-text-content .first-3009{flex-wrap:wrap}.user-text-content .first-3009 a{width:80%!important;margin:0 10% 10px!important}}@media only screen and (max-width:480px){.user-text-content .first-3009 a{width:90%!important;margin:0 5% 10px!important}}@media only screen and (max-width:380px){.user-text-content .first-3009 a{width:96%!important;margin:0 2% 10px!important}}</style>

sablonas3011 - titulinis blokas (pvz. peržiūrėti demo versiją - PAPILDAI)

<div class="first-3011"><a href="#"><img alt="Baltymai" src="/images/templates/sablonas3011/1-1.png">Baltymai</a><a href="#"><img alt="Vitaminai" src="/images/templates/sablonas3011/1-2.png">Vitaminai</a><a href="#"><img alt="AMINORŪGŠTYS" src="/images/templates/sablonas3011/1-3.png">AMINORŪGŠTYS</a><a href="#"><img alt="KREATINO PAPILDAI" src="/images/templates/sablonas3011/1-4.png">KREATINO PAPILDAI</a><a href="#"><img alt="MINERALAI" src="/images/templates/sablonas3011/1-5.png">MINERALAI</a></div><style>.user-text-content .first-3011{position:relative;width:100%;float:left;display:-webkit-box!important;display:-webkit-flex!important;display:-moz-box!important;display:-ms-flexbox!important;display:flex!important;position:relative;width:100%}.user-text-content .first-3011 a{position:relative;float:left;width:19%;width:calc(20% - 8px);margin-right:10px}.user-text-content .first-3011 a:last-child{margin-right:0}.user-text-content .first-3011 a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a:hover:before{-webkit-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2);box-shadow:inset 0 0 27px 0 rgba(0,0,0,.2)}.user-text-content .first-3011 a img{float:left;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a:hover img{filter:grayscale(90%)}.user-text-content .first-3011 a span{font-weight:600;font-size:12px;line-height:15px;color:#333;z-index:15;position:absolute;letter-spacing:.1em;text-transform:uppercase;bottom:20px;left:20px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a span:before{width:30px;height:2px;background:#48a0a6;content:'';display:block;left:0;top:-10px;position:absolute;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first-3011 a:hover span{color:#48a0a6}.user-text-content .first-3011 a:hover span:before{width:35px}@media only screen and (min-width:960px) and (max-width:1199px){.user-text-content .first-3011 a span{bottom:13px}}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first-3011{flex-wrap:wrap;justify-content:center}.user-text-content .first-3011 a{width:31%;margin:0 1% 10px;background:#fff}}@media only screen and (max-width:767px){.user-text-content .first-3011{flex-wrap:wrap;justify-content:center}.user-text-content .first-3011 a{width:31%;margin:0 1% 10px!important;background:#fff;text-align:center}.user-text-content .first-3011 a img{float:none}.user-text-content .first-3011 a span{text-align:left}.user-text-content .first-3011 a:hover:before{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.user-text-content .first-3011 a:hover img{filter:grayscale(0)}.user-text-content .first-3011 a:hover span{color:#333}.user-text-content .first-3011 a:hover span:before{width:30px}}@media only screen and (max-width:640px){.user-text-content .first-3011 a{width:48%;margin:0 1% 10px!important;background:#fff}}@media only screen and (max-width:480px){.user-text-content .first-3011 a{width:90%;margin:0 5% 10px!important;background:#fff}}</style>

sablonas3012 - titulinis blokas (pvz. peržiūrėti demo versiją - APATINIS TRIKOTAŽAS)

<div class="first"><a href="/liemeneles"><img alt="" src="/styles/sablonas3012/images/1-1.jpg">LIEMENĖLĖS</a><a href="/kelnaites"><img alt="" src="/styles/sablonas3012/images/1-2.jpg">KELNAITĖS</a><a href="/kolekcijos"><img alt="" src="/styles/sablonas3012/images/1-3.jpg">KOLEKCIJOS</a></div><style>.user-text-content .first{position:relative;width:100%;float:left;gap:10px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative}.user-text-content .first a{position:relative;float:left;width:calc(100% / 3 - 20px / 3);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center}.user-text-content .first a:before{position:absolute;left:0;right:0;top:0;bottom:0;content:'';display:block;background:#121212;opacity:.5;z-index:5;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first a:hover:before{background:#000;opacity:.6}.user-text-content .first a img{float:left}.user-text-content .first a span{font-weight:400;font-size:24px;line-height:30px;color:#fff;z-index:15;position:absolute;bottom:50px;left:15px;right:15px;text-align:center;margin-bottom:70px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first a span:after{height:50px;line-height:50px;background:#e0c06d;padding:0 30px;font-weight:500;font-size:15px;text-transform:uppercase;content:'Plačiau';display:inline-block;position:absolute;bottom:-70px;left:50%;transform:translateX(-50%);border-radius:4px;transition:all .25s ease 0s;-webkit-transition:.25s ease 0s}.user-text-content .first a:hover span:after{background:#b2923f}@media only screen and (min-width:768px) and (max-width:959px){.user-text-content .first{flex-wrap:wrap;justify-content:center}.user-text-content .first a span{bottom:25px;font-size:20px;line-height:27px}}@media only screen and (max-width:767px){.user-text-content .first{flex-wrap:wrap;justify-content:center}.user-text-content .first a span{bottom:35px;font-size:20px;line-height:27px}}@media only screen and (max-width:640px){.user-text-content .first a{width:calc(50% - 10px)}}@media only screen and (max-width:480px){.user-text-content .first a{width:90%;margin:0!important}}@media only screen and (max-width:420px){.user-text-content .first a{width:98%}}</style>

sablonas3012 - Naujienlaiškio blokas

<div class="newsletter-3012"><div class="text"><h3>Prenumeruok ir gauk 10% pirmam apsipirkimui</h3><p>Tik naujienlaiškio prenumeratoriams naudingi patarimai ir ypatingi pasiūlymai</p></div><a class="newsletterModal btn1 fr" href="javascript:;"><strong>Prenumeruoti</strong></a></div><style>.user-text-content .newsletter-3012{background:#fff;width:100%;min-height:220px;margin:40px 0 0;padding:20px 0 20px 510px;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;position:relative;align-items:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.user-text-content .newsletter-3012:before{left:140px;bottom:0;width:304px;height:257px;position:absolute;content:'';background:url(/styles/sablonas3012/images/newsletter.png) no-repeat center center}.user-text-content .newsletter-3012 .text{width:330px;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;align-items:center;gap:25px}.user-text-content .newsletter-3012 .text h3{font-weight:500;font-size:24px;line-height:30px;color:#121212;display:block;width:100%}.user-text-content .newsletter-3012 .text p{font-weight:400;font-size:16px;line-height:25px;color:#707070;display:block;width:100%}.user-text-content .newsletter-3012 a{text-decoration:none;margin-left:30px}@media only screen and (min-width:960px) and (max-width:1199px){.user-text-content .newsletter-3012{padding:20px 0 20px 400px}.user-text-content .newsletter-3012::before{left:50px}}@media only screen and (max-width:959px){.user-text-content .newsletter-3012{min-height:0;margin:0;padding:5%;flex-wrap:wrap;justify-content:center}.user-text-content .newsletter-3012::before{display:none}.user-text-content .newsletter-3012 .text{width:100%;text-align:center;gap:15px}.user-text-content .newsletter-3012 a{width:auto!important;margin-top:20px}}@media only screen and (max-width:640px){.user-text-content .newsletter-3012{padding:8% 5%}}@media only screen and (max-width:540px){.user-text-content .newsletter-3012 .text h3{font-size:20px;line-height:25px}.user-text-content .newsletter-3012 .text p{font-size:15px;line-height:23px}}</style>

Naujienlaiškio blokas

Šablonų titulinio blokai

Jeigu nerasite reikiamos pagalbos - rašykite mums į pagalba@verskis.lt

Galioja nuo 6.111.94 versijos

Neradote atsakymo? Parašykite mums!

Jūsų žinutė sėkmingai išsiųsta.

Įvyko klaida!