Sei sulla pagina 1di 12

Menu

<ul class='topmenu1' id='masthead'>


<li><a href='https://lifestyletrends20.blogspot.com/'>Home</a>
<li><a href='https://lifestyletrends20.blogspot.com/p/blog-page.html'>Lifestyle</a></li>
<li><a href='https://lifestyletrends20.blogspot.com/p/fashion.html'>Fashion</a></li>
<li><a href='https://lifestyletrends20.blogspot.com/p/travel.html'>Travel</a>
<li><a href='https://lifestyletrends20.blogspot.com/p/news.html'>News</a>
<li><a href='https://lifestyletrends20.blogspot.com/p/shop.html'>Shop</a>

</li></li></li></li></ul>

Slider

<style type="text/css">
/* http://dimpost.com */

#sliderFrame {
position: relative;
width: 700px;
margin: 0 auto 40px;
}

#slider {
width: 700px;
height: 306px;
/* Make it the same size as your images */
background: #fff url(http://4.bp.blogspot.com/-aVGCcclfKQo/UR-
T3vxFAMI/AAAAAAAABm8/ncwIfUdoLIw/s1600/loading.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
/*make the image slider center-aligned */
-webkit-box-shadow: 0px 1px 5px #999999;
-moz-box-shadow: 0px 1px 5px #999999;
box-shadow: 0px 1px 5px #999999;
}

#slider img {
position: absolute;
border: none;
display: none;
}

/* the link style (if an image is wrapped in a link) */

#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}

/* Caption styles */

div.mc-caption-bg,
div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 15px;
z-index: 3;
overflow: hidden;
font-size: 0;
}

div.mc-caption-bg {
background-color: black;
}

div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}

div.mc-caption a {
color: #FB0;
}

div.mc-caption a:hover {
color: #DA0;
}

/* ------ built-in navigation bullets wrapper ------*/


div.navBulletsWrapper {
top: 320px;
left: 280px;
/* Its position is relative to the #slider */
width: 150px;
background: none;
padding-left: 20px;
position: relative;
z-index: 5;
cursor: pointer;
}

/* each bullet */

div.navBulletsWrapper div {
width: 11px;
height: 11px;
background: transparent url(http://3.bp.blogspot.com/-ZUaX5-lcCi4/UR-
TzMXcpuI/AAAAAAAABm0/kokxtfFdNcU/s1600/bullet.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
/* distance between each bullet*/
_position: relative;
/*IE6 hack*/
}

div.navBulletsWrapper div.active {
background-position: 0 -11px;
}

.intro {
bottom: 0;
color: rgba(0, 0, 0, 0.2);
font-size: 16px;
position: absolute;
right: 0;
text-decoration: none;
z-index: 99999;
}

/* --------- Others ------- */

#slider {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
</style>
<script src="http://project.dimpost.com/image-slider/js-image-slider.js"
type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">
<a href="#"><img src="https://1.bp.blogspot.com/-
JUTe8nX42SY/Xmcyg3EWQZI/AAAAAAAAAE4/klXcqu4ra98co85qX1wdWVby-
aCkRW_wgCEwYBhgLMOjrnPMF/s1600/resize_picture_700x306.png"
alt="#htmlcaption1" /></a>
<a href="#"><img src="https://1.bp.blogspot.com/-
Lzh3rAFaAYo/XmcyEJ4RpmI/AAAAAAAAAEo/1Oc95bRpV2UTJzPOz9bOVs40cjGZxV
QhwCEwYBhgLMOjrnPMF/s1600/Fashion-and-
Lifestyle_700x306.png"alt="#htmlcaption2" /></a>
<a href="#"><img src="https://1.bp.blogspot.com/-i4C0-
wdwjM8/XmcyAcLKpFI/AAAAAAAAAEk/zw2AE9vl6SY2NuzodNX8YLVHWoHm5iZx
ACEwYBhgLMOjrnPMF/s1600/37603780-a-newspaper-with-the-headline-lifestyle-and-
fashion_700x306.jpg" alt="#htmlcaption3"/></a>
<a href="#"><img src="https://1.bp.blogspot.com/-
tiJZV8gLgaU/XmcyFcvq0gI/AAAAAAAAAEs/OByjuVK_U9UyPqpHKfrDW95BPsl1N6jP
wCEwYBhgLMOjrnPMF/s1600/cover-1-2_700x306.jpg" alt="#htmlcaption4" /></a>
<a href="#"><img src="https://1.bp.blogspot.com/-
aTMyqE9Q9ZU/Xmcyp8xUH1I/AAAAAAAAAE8/XpvsruXDVW0SAOhqN1F9ClCq4afok
wH-
wCEwYBhgLMOjrnPMF/s1600/classic_store_museumsshop_d385089_3400x1440_700x30
6.jpg" alt="#htmlcaption5"/></a>
</div>

</div>

Lifestyle

<a href="https://lifestyletrends20.blogspot.com/p/blog-page.html">

<img src="https://1.bp.blogspot.com/-
gWeqZOV8bbo/XmZnCoSWWoI/AAAAAAAAACg/5gryQQEodjQpqSv6DG3mvw5cF86i
XKbVQCLcBGAsYHQ/s320/interior-trends-2021-top-2020-decor-trends-according-to-
pinterest-ok-cover-post-trends.jpg"/>
<h2>Lifestyle</h2>

</a>

Fashion

<a href="https://lifestyletrends20.blogspot.com/p/fashion.html">

<img src="https://1.bp.blogspot.com/-A-
KNzngoA_Y/XmZm4hq46wI/AAAAAAAAACc/Uz783ssvixwtY9q335E3XDV0TlLLY-
64wCLcBGAsYHQ/s320/pexels-photo-994523.jpeg"/>

<h2>Fashion</h2>
</a>

Travel

<a href="https://lifestyletrends20.blogspot.com/p/travel.html">

<img src="https://1.bp.blogspot.com/-
t6Dly29vuh4/XmZ_bhzZsbI/AAAAAAAAADY/1hadrWyt7BEXkj4MYchQGrPAAEvOzBF
vACLcBGAsYHQ/s1600/travel-editor-favorite-products.jpg"/>

<h2>Travel</h2>

</a>

<!-- Featured Content Slider Started -->


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='flexslider'>
<ul class='slidespbt'>

<!-- Slide 1 Code Start -->


<li>
<a href='ENTER-SLIDE-1-LINK-HERE'><img src='https://1.bp.blogspot.com/-
sSihTVd-
M4k/XmdHUEKKBBI/AAAAAAAAAFg/Mq6JRZvWhCAKfmDQFJeWb6d1yCDBESpow
CLcBGAsYHQ/s1600/resize_picture_700x306_1_930x300.png'/></a>
<div class='flex-slideinfo'>
<h3><a href='ENTER-SLIDE-1-LINK-HERE'/></h3>
<p/>
</div>
</li>
<!-- Slide 1 Code End -->

<!-- Slide 2 Code Start -->


<li>
<a href='ENTER-SLIDE-2-LINK-HERE'><img src='https://1.bp.blogspot.com/-
OCEMW_C63cw/XmdHTqAkHrI/AAAAAAAAAFc/2WZY5kTa2cg4lXdIRtURbKdnYJt28
URXgCLcBGAsYHQ/s1600/cover-1-2_700x306_1_930x300.jpg'/></a>
<div class='flex-slideinfo'>
<h3><a href='ENTER-SLIDE-2-LINK-HERE'/></h3>
<p/>
</div>
</li>
<!-- Slide 2 Code End -->

<!-- Slide 3 Code Start -->


<li>
<a href='ENTER-SLIDE-3-LINK-HERE'><img src='https://1.bp.blogspot.com/-
Xz7yqp_1wlY/XmdHSpNpReI/AAAAAAAAAFQ/B2a0igCGn2UbFOrbrPDVzikm4apk1F
wMQCLcBGAsYHQ/s1600/37603780-a-newspaper-with-the-headline-lifestyle-and-
fashion_1_930x300.jpg'/></a>
<div class='flex-slideinfo'>
<h3><a href='ENTER-SLIDE-3-LINK-HERE'/></h3>
<p/>
</div>
</li>
<!-- Slide 3 Code End -->

<!-- Slide 4 Code Start -->


<li>
<a href='ENTER-SLIDE-4-LINK-HERE'><img src='https://1.bp.blogspot.com/-
SwBfJwxbIxQ/XmdHTZDUpLI/AAAAAAAAAFY/2GY9yKF51GE9tbN_vxCMeLuXmpT
1OCYRQCLcBGAsYHQ/s1600/Fashion-and-Lifestyle_700x306_1_930x300.png'/></a>
<div class='flex-slideinfo'>
<h3><a href='ENTER-SLIDE-4-LINK-HERE'/></h3>
<p/>
</div>
</li>
<!-- Slide 4 Code End -->

<!-- Slide 5 Code Start -->


<li>
<a href='ENTER-SLIDE-5-LINK-HERE'><img src='https://1.bp.blogspot.com/-
M2lR65l1evQ/XmdHSjjPUpI/AAAAAAAAAFU/42kjv6ZRojk4avBRy82ey38qWaHBWBF
KwCLcBGAsYHQ/s1600/classic_store_museumsshop_d385089_3400x1440_700x306_1_93
0x300.jpg'/></a>
<div class='flex-slideinfo'>
<h3><a href='ENTER-SLIDE-5-LINK-HERE'/></h3>
<p/>
</div>
</li>
<!-- Slide 5 Code End -->

</ul>
</div>
<div style='clear:both;'/>

</b:if>
</b:if>
<!-- Featured Content Slider End -->

BEauty
https://www.amazon.in/Beauty-Over-%E2%82%B91/s?bbn=1355016031&rh=n
%3A1355016031%2Cp_36%3A100-%2Cp_28%3A-spons&hidden-
keywords=B00UFF8TEO%7CB00UFF8PZ2%7CB079H9FN6H%7CB00GSSJMUC
%7CB079NHBD4D%7CB00CS1KT96%7CB06WRQQXF5%7CB0744R95BT
%7CB0744RJW22%7CB079NHBY1Y%7CB008KH4YKC%7CB009YPV08S
%7CB00CS1KJSW%7CB00CS1KM8Y%7CB07CFYQ9SN%7CB07KFTCQYD
%7CB07TG3QC5L%7CB07T8NWDJV%7CB006LXD33G%7CB008QP6PCI
%7CB00CQ414LW%7CB07PFKV12B%7CB07PL2QSGW%7CB07PL2CHLS
%7CB00791DFK0%7CB00CQ40O90%7CB006LXD1AG%7CB00CRDO2GQ
%7CB079NCKPY2%7CB07W44M1CD%7CB07W7D8JY7%7CB00SXZ7NXQ
%7CB07W8GZGPP%7CB01GO5VSHS%7CB07W7D9NSB
%7CB01G31NLK0%7CB07W67Z3P7%7CB00WFUU3V4%7CB01KV3GTXM
%7CB07XFT3JRY%7CB07C5BTD32%7CB07YVHVCZ3%7CB07YVHBFPL%2Fstores
%2Fpage%2FADA8C2A8-FEA2-4FB5-8179-
FD6598007A2E&pf_rd_i=1355016031&pf_rd_m=A1K21FY43GMZF8&pf_rd_p=ade01d5b
-d5e2-4570-9362-
94dce57d25fc&pf_rd_r=61GVYBVBF4SM95DXJRQ0&pf_rd_s=merchandised-search-
4&pf_rd_t=101&ref=s9_acss_bw_cg_btycoop_2a1_w

GYm
https://www.amazon.in/s?i=sporting&bbn=3403635031&rh=n%3A1984443031%2Cn%3A
%211984444031%2Cn%3A3403635031%2Cp_n_pct-off-with-tax
%3A2665401031%2Cp_85%3A10440599031%2Cp_72%3A1318477031%2Cp_6%3AAT95
IG9ONZD7S&pf_rd_p=89782a92-f72f-4021-a1d3-
f54f7a5c18e6&pf_rd_r=BMQRAVXHDNBMQ621MK9H

Shein
https://www.shein.in/shein-picks.html?ici=CCCSN%3D0_TN%3DWomenHomePage_ON
%3DBanner_OI%3D1_CN%3Din_TI%3D50001_aod%3D0_PS%3D2-
1&scici=homepage_97~~0_Banner_1_0_0~~2_1~~Special_discountList~~~~0~~50001

ajio
https://www.ajio.com/s/40-to-70-percent-off-3898-78811

https://www.woodenstreet.com/fabric-sofas?type=header_menu

<style type="text/css">
/* http://dimpost.com */

#sliderFrame {
position: relative;
width: 700px;
margin: 0 auto 40px;
}

#slider {
width: 700px;
height: 306px;
/* Make it the same size as your images */
background: #fff url(http://4.bp.blogspot.com/-aVGCcclfKQo/UR-
T3vxFAMI/AAAAAAAABm8/ncwIfUdoLIw/s1600/loading.gif) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
/*make the image slider center-aligned */
-webkit-box-shadow: 0px 1px 5px #999999;
-moz-box-shadow: 0px 1px 5px #999999;
box-shadow: 0px 1px 5px #999999;
}

#slider img {
position: absolute;
border: none;
display: none;
}

/* the link style (if an image is wrapped in a link) */

#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 0px;
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}

/* Caption styles */

div.mc-caption-bg,
div.mc-caption-bg2 {
position: absolute;
width: 100%;
height: auto;
padding: 0;
left: 0px;
bottom: 15px;
z-index: 3;
overflow: hidden;
font-size: 0;
}

div.mc-caption-bg {
background-color: black;
}

div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
z-index: 4;
padding: 10px 0;
text-align: center;
}

div.mc-caption a {
color: #FB0;
}

div.mc-caption a:hover {
color: #DA0;
}

/* ------ built-in navigation bullets wrapper ------*/


div.navBulletsWrapper {
top: 320px;
left: 280px;
/* Its position is relative to the #slider */
width: 150px;
background: none;
padding-left: 20px;
position: relative;
z-index: 5;
cursor: pointer;
}

/* each bullet */

div.navBulletsWrapper div {
width: 11px;
height: 11px;
background: transparent url(http://3.bp.blogspot.com/-ZUaX5-lcCi4/UR-
TzMXcpuI/AAAAAAAABm0/kokxtfFdNcU/s1600/bullet.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 11px;
/* distance between each bullet*/
_position: relative;
/*IE6 hack*/
}

div.navBulletsWrapper div.active {
background-position: 0 -11px;
}

.intro {
bottom: 0;
color: rgba(0, 0, 0, 0.2);
font-size: 16px;
position: absolute;
right: 0;
text-decoration: none;
z-index: 99999;
}

/* --------- Others ------- */

#slider {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
}
</style>
<script src="http://project.dimpost.com/image-slider/js-image-slider.js"
type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">
<a href="https://www.amazon.in/Beauty-Over-%E2%82%B91/s?
bbn=1355016031&rh=n%3A1355016031%2Cp_36%3A100-%2Cp_28%3A-spons&hidden-
keywords=B00UFF8TEO%7CB00UFF8PZ2%7CB079H9FN6H%7CB00GSSJMUC
%7CB079NHBD4D%7CB00CS1KT96%7CB06WRQQXF5%7CB0744R95BT
%7CB0744RJW22%7CB079NHBY1Y%7CB008KH4YKC%7CB009YPV08S
%7CB00CS1KJSW%7CB00CS1KM8Y%7CB07CFYQ9SN%7CB07KFTCQYD
%7CB07TG3QC5L%7CB07T8NWDJV%7CB006LXD33G%7CB008QP6PCI
%7CB00CQ414LW%7CB07PFKV12B%7CB07PL2QSGW%7CB07PL2CHLS
%7CB00791DFK0%7CB00CQ40O90%7CB006LXD1AG%7CB00CRDO2GQ
%7CB079NCKPY2%7CB07W44M1CD%7CB07W7D8JY7%7CB00SXZ7NXQ
%7CB07W8GZGPP%7CB01GO5VSHS%7CB07W7D9NSB
%7CB01G31NLK0%7CB07W67Z3P7%7CB00WFUU3V4%7CB01KV3GTXM
%7CB07XFT3JRY%7CB07C5BTD32%7CB07YVHVCZ3%7CB07YVHBFPL%2Fstores
%2Fpage%2FADA8C2A8-FEA2-4FB5-8179-
FD6598007A2E&pf_rd_i=1355016031&pf_rd_m=A1K21FY43GMZF8&pf_rd_p=ade01d5b
-d5e2-4570-9362-
94dce57d25fc&pf_rd_r=61GVYBVBF4SM95DXJRQ0&pf_rd_s=merchandised-search-
4&pf_rd_t=101&ref=s9_acss_bw_cg_btycoop_2a1_w"><img
src="https://1.bp.blogspot.com/-
r6ocdD9KK6w/XmkX3meyekI/AAAAAAAAALc/K7T_9waQS1U0rsdiqfJqn_jCaGLNs10N
ACLcBGAsYHQ/s1600/AmazonSkinCare_750x375_304x304.jpg" alt="#htmlcaption1"
/></a>
<a href="https://www.woodenstreet.com/fabric-sofas?type=header_menu"><img
src="https://1.bp.blogspot.com/-
brMyKb__yzU/XmkXzhmHQpI/AAAAAAAAALY/3oyniDjh9r0B1vmhJ0YpYEmGhFkhc_
vIgCLcBGAsYHQ/s1600/banner_1_304x304.jpg" alt="Go UP!" /></a>
<a href="https://www.shein.in/shein-picks.html?ici=CCCSN%3D0_TN
%3DWomenHomePage_ON%3DBanner_OI%3D1_CN%3Din_TI%3D50001_aod%3D0_PS
%3D2-
1&scici=homepage_97~~0_Banner_1_0_0~~2_1~~Special_discountList~~~~0~~50001"><i
mg src="https://1.bp.blogspot.com/-
sr0RT_b8zdo/XmkX8trtBhI/AAAAAAAAALg/eGkLOeGxu_oZwUe0DifASnhNz3Gfi3shw
CLcBGAsYHQ/s1600/1583760715db1170f5f67f045fec1ee86b82351f44_304x304.jpg"
alt="Pure Javascript. No jQuery. No flash." /></a>
<a href="https://www.amazon.in/s?i=sporting&bbn=3403635031&rh=n
%3A1984443031%2Cn%3A%211984444031%2Cn%3A3403635031%2Cp_n_pct-off-with-
tax
%3A2665401031%2Cp_85%3A10440599031%2Cp_72%3A1318477031%2Cp_6%3AAT95
IG9ONZD7S&pf_rd_p=89782a92-f72f-4021-a1d3-
f54f7a5c18e6&pf_rd_r=BMQRAVXHDNBMQ621MK9H"><img
src="https://1.bp.blogspot.com/-
Ju_vD2PFXbQ/XmkVZyghY1I/AAAAAAAAALM/3DptSystNq06yuAKmzfKnReiZ8AAN
nkHgCEwYBhgLMOy5pPMF/s1600/1199101_379x304_Compressed._SY304_CB44827834
9__304x304.jpg" alt="#htmlcaption2" /></a>
<a href="https://www.ajio.com/s/40-to-70-percent-off-3898-78811"><img
src="https://1.bp.blogspot.com/-
1GN2Us23FQg/XmkXyNDIPxI/AAAAAAAAALU/FIn1puljl_k6igcXlBT6rdnt-
imuzE4VgCLcBGAsYHQ/s1600/09032020-M-SHP-topbanner-colursofyou-40-
70plusextra25_304x304.jpg" alt="Stay Connected" /></a>
</div>
<div id="htmlcaption1" style="display: none;">
Image Slider by <a href="http://dimpost.com/" target="_blank">DIMPost.com</a>
</div>
<div id="htmlcaption2" style="display: none;">
<a href="http://www.w3schools.com/css/" target="_blank">CSS</a> <a
href="http://www.w3schools.com/js/default.asp" target="_blank">JavaScript</a> Rocks.
</div>
</div>

Potrebbero piacerti anche