Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Adriano Rosário

Olá, como eu coloco uma bordar imagem na postagem?

Por , em Desenvolvimento frontend

Recommended Posts

Adriano Rosário    0

Adriano Rosário
Postado

Boa noite, gostaria de saber como eu coloco uma borda image estilo desse site

 

http://www.megafilmesonlinehd.com/

 

 

MINHA INDEX.

 

<?php get_header(); ?>
<?php if (have_posts()) : ?>
<div class="sayfalama">
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
</div>
<ul class="film" id="film">
<?php while (have_posts()) : the_post(); ?>
<li><img src="<?php echo get_post_meta($post->ID, 'resim',true) ?>" width="152" height="204" alt="<?php the_title(); ?>" />
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><b class="title"><?php the_title(); ?></b><br /><?php echo get_post_meta($post->ID, 'dil',true) ?><br /> Classificação<b><?php echo get_post_meta($post->ID, 'puan',true) ?></b>/10</a>
</li>
<?php endwhile;?>
</ul>
<?php else : ?>
<div class="notfound">
<h2>Bulunamadı</h2>
<p>Aradığınız konu bulunamadı.Tekrar deneyiniz.</p>
</div>
<?php endif; ?>
<?php get_sidebar(); get_footer(); ?>

 

 

CSS

 

 

html{margin-top: 28px ! important;}
*{margin:0;padding:0;}
body{
background:#000;
font:12px Andika;
color:#fff;
margin:0px;}
.bordafilme {
width: 150px;
height: 200px; }
a{
color:#fff;
text-decoration:none;}
a:hover{
color:#a91416;}
img{
border:0;}
.temizle{
font-size:0;
width:0;
height:0;
clear:both;}
#kapsayici{
margin:-28px 0 0 0;}
#header{
width:100%;
height:35px;
margin:0px 0 -25px 0;
padding:0px;
background:url(images/bar.png) repeat-x;}
#header .logo a{
width:200px;
height:35px;
display:inline-block;
background:url(images/logo.png);}
#header .logo h1 a{
font-size:0px;
float:left;}
#kategoriler{
margin:0px;
padding:0px 5px 0 0;
width:105px;
float:left;
background:url(images/drop.png) right no-repeat;}
#kategoriler ul{
float:left;
list-style:none;
margin:0px;
padding:0px;}
#kategoriler li{
float:left;
list-style:none;
margin:0px;
padding:0px;}
#kategoriler li a, #kategoriler li a:link, #kategoriler li a:visited{
color:#999;
display:block;
margin:0px;
padding:10px 15px 9px 15px;
font-weight:bold;}
#kategoriler ul li:hover{
background:#000000 url(images/navonh.jpg) repeat-x;
height:auto;}
#kategoriler li a:hover, #kategoriler li a:active{
color:#fff;
margin:0px;
padding:10px 15px 9px 15px;
text-decoration:none;}
#kategoriler li li a, #kategoriler li li a:link, #kategoriler li li a:visited{
background:#9a0000;
width:150px;
color:#bbb;
font-size:13px;
margin:0px;
padding:8px 10px 7px 10px;
border-bottom:1px solid #a91416;}
#kategoriler li li a:hover, #kategoriler li li a:active{
background:#a91416;
color:#fff;
padding:8px 10px 7px 10px;}
#kategoriler li ul{
z-index:9999;
position:absolute;left:-999em;
height:auto;
width:170px;
margin:0px;
padding:0px;}
#kategoriler li li{}
#kategoriler li ul a{
width:140px;}
#kategoriler li ul a:hover, #kategoriler li ul a:active{}
#kategoriler li ul ul{
margin:-32px 0 0 170px;}
#kategoriler li:hover ul ul, #kategoriler li:hover ul ul ul, #kategoriler li.sfhover ul ul, #kategoriler li.sfhover ul ul ul{
left:-999em;}
#kategoriler li:hover ul, #kategoriler li li:hover ul, #kategoriler li li li:hover ul, #kategoriler li.sfhover ul, #kategoriler li li.sfhover ul, #kategoriler li li li.sfhover ul{
left:auto;}
#kategoriler li:hover, #kategoriler li.sfhover{
position:static;}
#searchform{
float:left;
width:300px;
padding-top:7px;
padding-left:10px;}
#searchform .text-search{
padding:3px;
width:240px;
background:#0a0a0a;
border:none;
margin-right:-25px;
color:#999;
-webkit-border-radius:3px;border-radius:3px;
-moz-border-radius:3px;}
#searchform .button-search{
background:url(images/ara.png) no-repeat;
width:16px;
height:20px;
font-size:0px;
border:none;}
.sayfalama{
width:300px;
position:relative;
float:right;
top:-2px;}
.wp-pagenavi {
font-size:12px;
text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {
font-weight: bold;
padding:3px 5px;
background:#9a0000;
color:#fff;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
font-weight: bold;
border:1px solid #BFBFBF;
background:#fff;
color:#9a0000;}
.wp-pagenavi span.current {
font-weight: bold;}
.conteudo {
width: 994px;
margin: 0px auto;
position:relative;}
.film {
position:relative;
overflow:hidden;
text-shadow:0 1px 1px #000;
clear:both;
margin:100px;}
.film li {
float:left;
display:block;
color:#fff;
position:relative;
cursor:pointer;
margin-right: 30px;}
.film a {
position:absolute;
left:0;
top:0;
padding:10px;
display:none;
background:url(images/seffaf.png) repeat;
width:128px;
height:188px;
border:1px solid #272727;}
.film a {
color:#fff;}
.film img {
background:url(images/loading.gif) no-repeat 50% 50% #000;
width:149px;
height:210px;
display:block;}
.film h2 {
font-size:15px;
font-family:Andika;}
.film h3 {
font-size:10px;
margin-bottom:1px;
color:#aaa;}
.film .title{
font-size:15px;
font-family:Andika;}
.film div {
font-size:10px;
font-weight:bold;
color:#aaa;
}
.film b {
color:#ceb73e;
}
.film span {
background:url(images/playlistIcons.png) no-repeat scroll 0 -2px transparent;
bottom:9px;
height:16px;
opacity:0.8;
position:absolute;
right:8px;
width: 16px;
}
.film span:hover {
opacity:1;
}
.film li:hover a {
display:block
}
.sayfa{
float:left;
margin:5px;
color:#aaa;
}
.sayfa h2{
color:#fff;
}
.puan{
color:#aaa;
}
.puan b{
color:#ceb73e;
}
.notfound{
color:#fff;
margin-top:20px;
float:left;
}
.notfound h2{}
.notfound p{}
.aciklama{
margin:0px;
color:#999;
}
.aciklama p{}
.aciklama p:first-letter{
font-size:15px;
font-weight:bold;
text-transform:uppercase;}
.icerik{
margin:0px;
padding:0px;
width:100%;
background:url(images/seffaf.png) repeat;
}
.icerik .sinema{
width:34%;
margin:10px 0 0 10px;
padding:0px;
float:left;
display:block;
}
.icerik .sinema h2 a{color:#CEB73E;font-size:22px;}
.icerik .sinema h2 a:hover{color:#fff;}
.icerik .sinema img{margin:0 5px 5px 0;border:1px solid #a91416;}
.icerik .video{width:650px;height:360px;margin:30px 0 0 0px;float:right;padding-right:10px;}
.partlar{color:#a91416;}
.paylas{text-align:center;width:90%;background:url(images/seffaf.png) repeat;border:1px solid #000;padding:5px;margin:5px 5px 5px 20px;display:inline-block;}
.fb-comments{margin-top:50px;}
.yanmenu{bottom:0;left:0;width:100%;}
.yanmenu .box{width:250px;float:left;margin:0 0 0 10px}
.yanmenu .box ul{width:250px;}
.yanmenu .box li{float:left;margin-right:10px;list-style-type:square;list-style-position:inside;}
.yanmenu h2{color:#a91416;}
#movie {width:650px;float:right;position:relative; z-index:102;}
#command { position:relative; height:25px; display:block; margin:0px 0 0 0;}
.lightSwitcher {position:absolute; z-index:101; background-image:url(images/light_off.png);background-repeat:no-repeat; background-position:left; padding: 0 0 0 20px; outline:none; text-decoration:none;}
.lightSwitcher:hover {text-decoration:underline;}
#shadow {background-image:url(images/shade.png); position:absolute; left:0; top:0; width:100%; z-index:100;}
.turnedOff {color:#ffff00; background-image:url(images/light.png);}
#clickHere {position:absolute; top: -25px; left:130px;}
.hatasayfa{float:left;}

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

andersonseifert    10

andersonseifert
Postado

Não entendi muito bem mais tenta isso :

 

border-top: 1px dotted rgb(227, 122, 131);

 

da uma pesquisada aqui com nosso Dino Maujor :

http://www.maujor.com/tutorial/bordertut.php

http://www.maujor.com/tutorial/css3-bordas-com-imagens.php borda em Imagem

 

 

se a resposta foi Útil marcar como RESOLVIDO e dar ponto POSITIVO.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito