Ken_D
|
|
|
VECĀ MIESA
Foruma ieraksti: 982
UWM Reputācija:
|
uWEBMEISTARS ordeņi:
1. līmenis
2. līmenis
3. līmenis
Jaunākie apbalvojumi:
|
@Ken_D raksta .. :
Neesmu īsti kārtīgi iztestējis, bet uz ātro iemetot testa lapā darbojās. Tāpēc, jau iepriekš atvainojos, ja kaut kas var nestrādāt vai būt nedaudz greizi.
Code <div id="entryID$ID$"><article class="posts-items" itemtype="http://schema.org/Article"> <meta content="$ENTRY_URL$" itemprop="url"> <meta content="$DATE$ TIME$" itemprop="datePublished"> <meta content="UserComments:$COMMENTS_NUM$" itemprop="interactionCount"> <div class="item"> <div class="posts-user-avatar1"> <a href="$PROFILE_URL$"> <?if($AVATAR_URL$)?><img alt="аватар $USERNAME$" src="$AVATAR_URL$"><?else?><img src="/images/no_avatar.png"><?endif?> </a> <ul class="posts-user-avatar-information1"> <li>Iesūtīja: $USERNAME$</li> <li><a href="/news/0-0-0-0-17-1963">Citi lietotāja raksti</a></li> </ul> </div> <div class="title"> <h3> <a href="$ENTRY_URL$">$TITLE$</a> </h3> <ul class="info"> <li title="$DATE$ $TIME$">$DATE$</li> </ul> <span> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span> </div> <div class="poster-block"> <div class="like-it"> <span><img src="http://icons.iconarchive.com/icons/martz90/hex/128/facebook-like-icon.png" width="24"height="24"></span> <b>$RATED$</b> </div> <a href="$ENTRY_URL$"><img src="$IMG_URL1$" class="poster-img loader-image" alt="$TITLE$" /></a> </div> <div class="text" itemprop="description"> $MESSAGE$ </div> <div class="clr"></div> </div> </article></div><style> .like-it { background:rgba(0,0,0,.5); position:absolute; bottom:10px; right:10px; z-index:20; border:1px solid #111; color:#FFF; box-shadow:0 2px 2px -1px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,.05); -o-box-shadow:0 2px 2px -1px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,.05); -webkit-box-shadow:0 2px 2px -1px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,.05); cursor:default }
.like-it b { font-size:12px; line-height:25px; font-weight:500; vertical-align:middle; display:inline-block; height:25px; padding:0 10px 0 7px }
.like-it span { font:12px/25px icon; width:25px; height:25px; display:inline-block; text-align:center; vertical-align:middle; border-right:1px solid #000; box-shadow:1px 1px 0 rgba(255,255,255,.05); -o-box-shadow:1px 1px 0 rgba(255,255,255,.05); -webkit-box-shadow:1px 1px 0 rgba(255,255,255,.05) }
.like-it.not-voited { cursor:pointer }
.like-it.not-voited:hover { background:rgba(255,157,0,.7) } .posts-user-avatar1:hover .posts-user-avatar-information1 { visibility:visible; opacity:1; right:-10px }
.posts-user-avatar1 .posts-user-avatar-information1 { font:13px 'PT Sans Narrow', Helvetica, Helvetica Neue, Arial, sans-serif; visibility:hidden; opacity:0; padding:10px; background:rgba(0,0,0,.95); box-shadow:0 8px 4px -3px rgba(0,0,0,.2); color:#EEE; width:240px; position:absolute; top:-8px; right:-200px; z-index:10; border-radius:.4em; -o-border-radius:.4em; -webkit-border-radius:.4em; transition:all .1s ease; -o-transition:all .1s ease; -webkit-transition:all .1s ease }
.posts-user-avatar1 .posts-user-avatar-information1 li { display:block } .posts-user-avatar1 { margin:7px 0 0 10px; float:right; width:42px; height:42px; border-radius:.4em; position:relative; z-index:20; transition:all .1s ease; -o-transition:all .1s ease; -webkit-transition:all .1s ease; opacity:.3 }
.posts-user-avatar1 img { width:42px; height:42px; border-radius:.4em; position:relative; z-index:20 }
.posts-user-avatar1:hover { opacity:1 }
.posts-items { width:100%; margin:0 0 35px; padding:0 0 15px; border-bottom:1px solid #E2E4E5; box-shadow:0 1px 0 rgba(255,255,255,.2) }
.posts-items .item { width:100% }
.posts-items .item .title { padding:0 0 8px; margin:0 0 18px; display:block; min-height:50px; border-bottom:3px solid #EFEFEF; box-shadow:0 3px 2px -2px rgba(0,0,0,.15); -o-box-shadow:0 3px 2px -2px rgba(0,0,0,.15); -webkit-box-shadow:0 3px 2px -2px rgba(0,0,0,.15) }
.posts-items .item .title .info { float:right; font-size:11px; color:#CCC; margin:4px 0 0 }
.posts-items .item .title .info li { display:inline-block }
.posts-items .item .title h3 { font:700 23px 'PT Sans Narrow',Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing:.02em }
.posts-items .item .title span { font:500 14px 'PT Sans Narrow',Helvetica,Helvetica Neue,Arial,sans-serif; display:inline-block; letter-spacing:.01em }
.posts-items .item .title span:after { content:'ā—¸'; font-size:11px; padding:0 7px }
.posts-items .item .title span:last-child:after { content:' ' }
.posts-items .item .title a:link,.posts-items .item .title a:visited { color:#26282C; transition:all .3s linear; -o-transition:all .3s linear; -webkit-transition:all .3s linear }
.posts-items .item .title a:hover { color:#fb9f16 }
.posts-items .item .poster-block { float:left; margin:4px 15px 5px 0; width:250px; height:150px; overflow:hidden; position:relative; z-index:1; border:1px solid #000; border-radius:.4em; box-shadow:0 12px 4px -5px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.2) inset, 0 0 10px rgba(0,0,0,0.75) inset }
.posts-items .item .poster-block .poster-img { height:150px; min-width:250px; position:relative; z-index:10; transition:all .2s ease; -webkit-ransition:all .2s ease; -o-transition:all .2s ease }
.posts-items .item .text { font:14px Helvetica Neue,Helvetica,Arial,sans-serif; line-height:1.5; word-wrap:break-word; text-align:left } </style>
Ekrānšāvieni: 1. 2.
Paraksta nav
|
|
|
|