Matereālu izskats portāla jaunumiem un tamlīdzīgi

Lappuse 1 no 1
1

Antikrists

Otrdiena, 07.02.2017, 10:13:55 | Ieraksts #1

FORUMA APSARGS

Foruma ieraksti: 606

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@Antikrists raksta .. :

Var izmantot kādam vien saturam vēlas ne tik minētajam.

Code

<div class="vid">
<div class="vid-img"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$"></div>
<div class="vid-title"><a href="$ENTRY_URL$">$TITLE$</a></div>
    <div class="vid-text"><span style="color:black">$MESSAGE$</span></div>
    <div class="vid-detali"><li><span style="color:black">$DATE$</span></li><li><a href="$COMMENTS_URL$">Коmentāri ($COMMENTS_NUM$)</a></li></div>
</div>

<style>



  /*material*/
.vid {
background-color: #ccc;
display: inline-block;
border-radius: 100px 0 0 100px;
margin-bottom: 10px;
}
.vid-title {
background-color: #353A3C;width: auto;
margin-left: 100px;
padding: 10px 0;
}
.vid-title a {
font-family: monospace;font-size: 17px;color: #C5C5C5;
text-decoration: none;}
.vid-title a:hover {color: #FFFFFF;}
.vid-img {
float: left;
width: 200px;
height: 200px;
border-radius: 100px;
}
.vid-img img {
width: 200px;
height: 200px;
border-radius: 100px;
}
.vid-text {
margin-top: 5px;
height: 65px;
overflow: hidden;
text-align: justify;
padding: 5px;
font-size: 13px;
line-height: 17px;
font-family: monospace;
}
.vid-detali {
display: inline-block;
padding: 5px 0 5px 0;
border-top: solid 1px #ABABAB;
margin-left: 5px;
margin-top: 5px;
}
.vid-detali a {
font-family: monospace;color: #696969;
text-decoration: none;}
.vid-detali a:hover {
color: #977e5e;
}
.vid-detali li {
font-family: monospace;
list-style: none;
float: left;
border-right: solid 1px #A3A3A3;
padding-right: 5px;
margin-right: 5px;
}

.vid-detali li:last-child {
border: 0;
padding: 0;
margin: 0;
}








</style>

Iznākums

-----------------------------------------------
-----------------------------------------------

-----------------------------
Mana versija

Code

<div class="vid">

<style>.screenshot img {margin:-1px; padding:10px; -moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; -moz-box-shadow:0 0px 2px #000; box-shadow:0 0px 2px #000;-webkit-box-shadow:0 0px 2px #000;}</style>

<div class="screenshot">

<div class="vid-img"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$"></div> </div>
<div class="vid-title"><center><a href="$ENTRY_URL$">$TITLE$ <?if($MODER_PANEL$)?> $MODER_PANEL$<?endif?></a></center></div>
<div class="vid-text"><center><span style="color:red">$MESSAGE$</span></center></div>
<div class="vid-detali"><li><span style="color:black">$DATE$</span></li><li><a href="$COMMENTS_URL$">Коmentāri ($COMMENTS_NUM$)</a></li></div>
</div>

<style>/*material*/
.vid {
background-color: #3e444f;
display: inline-block;
border-radius: 100px 0 0 100px;
margin-bottom: 10px;
}
.vid-title {
background-color: #353A3C;width: auto ;
margin-left: 260px;
padding: 10px 0;
}
.vid-title a {
font-family: monospace;font-size: 17px;color: #C5C5C5;
text-decoration: none;}
.vid-title a:hover {color: #FFFFFF;}
.vid-img {
float: left;
width: 180px;
height: 180px;
border-radius: 100px;
}
.vid-img img {
width: 180px;
height: 180px;
border-radius: 100px;
}
.vid-text {
margin-top: 8px;
height: 65px;
overflow: hidden;
text-align: justify;
padding: 23px;
font-size: 13px;
line-height: 17px;
font-family: monospace;
}
.vid-detali {
display: inline-block;
padding: 5px 0 5px 0;
border-top: solid 1px #ABABAB;
margin-left: 5px;
margin-top: 5px;
}
.vid-detali a {
font-family: monospace;color: #696969;
text-decoration: none;}
.vid-detali a:hover {
color: #977e5e;
}
.vid-detali li {
font-family: monospace;
list-style: none;
float: left;
border-right: solid 1px #A3A3A3;
padding-right: 5px;
margin-right: 5px;
}

.vid-detali li:last-child {
border: 0;
padding: 0;
margin: 0;
}

</style>

Iznākums