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 » Matereālu izskats gaišos toņos rakstiem un ne tikai tiem
Matereālu izskats gaišos toņos rakstiem un ne tikai tiem
Antikrists
Trešdiena, 08.02.2017, 2:56:36 | Ieraksts #1
FORUMA APSARGS
Foruma ieraksti: 602

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis


Jaunākie apbalvojumi:


@Antikrists raksta .. :

Piemērots gaišos toņos dizainam ne tik kā rakstu matereālu izskats, bet jebkam citam.

Code
<style type="text/css">

.main-block {
display: block;
background-color: #FFFFFF;
overflow: hidden;
float: left;
width: 48%;
margin: 1%;
border-radius: 3px;
box-shadow:0 5px 5px #696969;
-moz-box-shadow:0 5px 5px #696969;
-webkit-box-shadow:0 5px 5px #696969;
}
.cover {
display: block;
overflow: hidden;
position: relative;
padding-bottom: 61.5%;
border: 4px solid #FFFFFF;
border-radius: 3px 3px 0 0;
background-size: 100% 100%;
-moz-background-size: 100% 100%;
-webkit-background-size: 100% 100%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.cover:hover {
-webkit-transform: scale(1.35);
-moz-transform: scale(1.35);
-ms-transform: scale(1.35);
-o-transform: scale(1.35);
transform: scale(1.35);
}
.title-block {
display: block;
position: relative;
margin: 0;
background-color: #FFFFFF;
height: 24px;
line-height: 24px;
overflow: hidden;
}
.main-title {
text-transform: uppercase;
text-decoration: none;
font-family: impact;
color: #4682B4;
font-size: 14px;
font-weight: 500;
padding: 10px 4px 0;
transition: 0.2s;
}
.main-title:hover {
color: #A52A2A;
}
.reads-sum {
position: absolute;
top: 5px;
left: 5px;
text-transform: uppercase;
font-family: impact;
color: #FFFFFF;
font-size: 14px;
font-weight: 500;
text-shadow: 1px 2px 2px rgba(0,0,0,0.85);
}
.add-date {
position: absolute;
top: 5px;
right: 5px;
text-transform: uppercase;
font-family: impact;
color: #FFFFFF;
font-size: 14px;
font-weight: 500;
text-shadow: 1px 2px 2px rgba(0,0,0,0.85);
}
.text-block {
position: relative;
margin: 0 0 4px;
background-color: #FFFFFF;
height: 78px;
line-height: 24px;
overflow: hidden;
}
.brief-text {
font-family: Arial, sans-serif;
font-style: oblique;
line-height: 1.3;
text-align: left;
color: #363636;
font-size: 14px;
font-weight: 800;
margin: 2px 4px;
}
.bottom-block {
position: relative;
margin: 0 4px 4px;
background-color: #FFFFFF;
height: 24px;
line-height: 24px;
overflow: hidden;
}
.bottom-button {
max-height: 24px;
max-width: 49%;
font-weight: 700;
font-family: Arial, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
padding: 0 4px;
border-radius: 2px;
background: rgb(70,130,180);
box-shadow: 0 -3px rgb(54,100,139) inset;
transition: 0.2s;
}
.bottom-button:hover {
background: rgb(54, 100, 139);
}
.bottom-button:active {
background: rgb(33,147,90);
box-shadow: 0 3px rgb(33,147,90) inset;
}
@media all and (max-width: 480px) {
.main-block {
width: 98%;
float: none;
margin: 1%;
}

</style>

<div class="main-block">
<a href="$IMG_URL1$" class="ulightbox">
<div class="cover" style="background-image: url('$IMG_URL1$')">
<span class="reads-sum">Skatijumi: $READS$</span>
<span class="add-date">Pievienots: $DATE$</span></div></a>
<div class="title-block">
<?if($MODER_PANEL$)?><span style="float: right; padding: 0 4px;">$MODER_PANEL$</span><?endif?>
<a href="$ENTRY_URL$"><span class="main-title">$TITLE$</span></a></div>
<div class="text-block"><p class="brief-text"><center>$MESSAGE$</center></p></div>
<div class="bottom-block">
<a href="$CATEGORY_URL$"><span class="bottom-button" style="float: left;"><i>$CATEGORY_NAME$</i></span></a>
<a href="$ENTRY_URL$"><span class="bottom-button" style="float: right;"><i>Lasīt » </i></span></a>
</div>
</div>


Iznākums

Pielikumi: 2130338.png(173.2 Kb)



.
.


uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Matereālu izskats gaišos toņos rakstiem un ne tikai tiem
  • Lappuse 1 no 1
  • 1
Meklēšana:

UWM apmeklēja:

RESPEKTABLĀKIE PORTĀLA FORUMA KLAVIATŪRISTI :
Foruma viszinis
Korijs
UWM karma: 380
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
Antikrists
UWM karma: 51
Foruma atkarīgais
Ken_D
UWM karma: 50
Ielāde...