Grupa: Viesis

UWM FORUMS · PORTFOLIO · VIETŅU TOP
JAUNĀKAIS FORUMĀ · BIEDRU SARAKSTS · INFO MEKLĒTĀJS · IZSEKOTĀS TĒMAS · NOBALSO


Ierakstus pievienot var tikai reģistrējies lietotājs!
  UWM AKTUĀLI: DISKUSIJA: Reputācijas restarts - DISKUSIJA: Steam spēļu izloze - NODERĪGI: "CW sistēma" uCoz modulī
  • Lappuse 1 no 1
  • 1
uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Satura informeris sānu blokā tumšos toņos
Satura informeris sānu blokā tumšos toņos
Antikrists
Piektdiena, 29.12.2017, 7:41:50 | Ieraksts #1
FORUMA APSARGS
Foruma ieraksti: 599

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Antikrists raksta .. :

Izveido 10 vai mazāk matereālu informeri ar vienu kolonu

Code
<article class="inf_bc"><span class="background" style="background-image: url(http://ucozwebmeistars.ucoz.lv/_fr/51/4689826.jpg); display: none;"></span>
<div class="inf_bc-body">
<a href="$ENTRY_URL$" title="$TITLE$">
<span class="image">
<img src="$IMG_URL1$" alt="$TITLE$">
</span>
<span class="info">
<span class="title">$TITLE$</span>
<span class="date">$DATE$, $TIME$</span>
</span>
</a>
</div>
</article>

<style>.sitiBc {
width: 100%;
overflow: hidden;
position: relative;
padding: 20px 10px 30px;
background: #181F24;
}

.name_inf {
background: #768289;
color: #181F24;
padding: 5px 20px;
border-radius: 20px;
}

.inf_bc {
position: relative;
}

.inf_bc .background {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 15px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
opacity: 0.4;
-moz-opacity: 0.4;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
display: none;
}

.inf_bc .inf_bc-body {
margin: 0 15px 0 36px;
border-left: 3px solid #768289;
}
.inf_bc a {
display: block;
margin: 0 0 0 -24px;
color: #768289;
padding-top: 30px;
position: relative;
z-index: 1;
}
.inf_bc .image {
float: left;
width: 46px;
height: 46px;
overflow: hidden;
box-shadow: 0 2px 5px #000;
background: #181F24;
border-radius: 2px;
-webkit-transition: border-radius 0.2s linear;
-moz-transition: border-radius 0.2s linear;
transition: border-radius 0.2s linear;
}
.inf_bc .image img {
display: block;
width: 100%;
min-height: 46px;
border-radius: 2px;
object-fit: cover;
}
.inf_bc .info {
margin-left: 61px;
display: block;
height: 46px;
}

.inf_bc .title {
font-size: 13px;
line-height: 15px;
max-height: 30px;
display: block;
overflow: hidden;
}
.inf_bc .date {
color: #546436;
}
.inf_bc .date {
font-size: 11px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
transition: all 0.1s linear;
}

.inf_bc:hover .image {
border-radius: 50%;
}
.inf_bc:hover .background {
display: block!important;
}

.inf_bc:hover .title {
color: #FFF;
}
.inf_bc:hover .date {
color: #B4C0C7;
}
</style>


Sānu blokā

Code
<div class="sitiBc">

<span class="name_inf">
Iesakam noskatīt šo filmu
</span>
$MYINF_45$
</div>


Pielikumi: 4689826.jpg(23.0 Kb) · 0721127.png(90.3 Kb)



.
.


uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Satura informeris sānu blokā tumšos toņos
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja: Rencis

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 379
Foruma atkarīgais
wuxmachine
UWM karma: 157
Foruma atkarīgais
Robiits
UWM karma: 87
Foruma šamanis
0wn3r
UWM karma: 80
Foruma atkarīgais
H[o_0]LiGaN
UWM karma: 78
Foruma atkarīgais
Spanky
UWM karma: 76
Foruma viszinis
Ar4ssS
UWM karma: 74
Foruma atkarīgais
Profth3tic
UWM karma: 55
Foruma atkarīgais
emciits
UWM karma: 52
Foruma atkarīgais
JackDaniel
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Foruma atkarīgais
Antikrists
UWM karma: 50
Ielāde...