Ir para conteúdo

POWERED BY:

Arquivado

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

Bruce19

Recortar tamplate

Por , em Design e UX

Recommended Posts

Bruce19    0

Bruce19
Postado

Opa pessoal, beleza??Eu estou precisando de uma ajuda de quem sabe recortar templates...Sei trabalhar com imagens no Photoshop, e consigo criar bons templates, prometi criar um pra uma amiga minha e a parte do desenho já está pronta, porém não sei nem como começar a colocar isso em códigos...Alguém tem alguma dica inicial pra me dar?Se quiserem, ajudar por msn o meu é bruce_reality@hotmail.comValeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

amesq01    0

amesq01
Postado

eu tava olhando alguns sits

http://www.cristinyonline.com.br/

dpois q você tiver no site pressione ctrl+f e coloca! "configurando o html"

e olha ae v se dá certo beleza!

se nao for isso

manda ae de volta!

 

 

ow antes de postar leia as regras do forum beleza!

é q nao pode postar topicos com titulos ! ajuda, socorro , essas coisas flw!

e esse tópico talvez deveria ser postar em outro subforum!

na parte de dreamweaver talvez!

pq lah eh a parte de programação e talz.;..

flw!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruce19    0

Bruce19
Postado

Esqueci de especificar melhor o assunto no título, foi mal...Dei uma olhada no site e achei um tutorial q me deu uma boa ajuda quanto as recortes do template, porém não consegui direito pq tenho que saber como colocar as tags do blog.

Compartilhar este post

Link para o post
Compartilhar em outros sites

amesq01    0

amesq01
Postado

é isso ai parceiro! é soh dá uma lida ae nesse site ae q você vai dominar na hora!beleza!flwt+++

Compartilhar este post

Link para o post
Compartilhar em outros sites

Claire    0

Claire
Postado
O mais fácil é baixar o Dreamweaver... Pegar um tutorial do programa e mandar ver... Nele você pode salvar tudo em html. É o que eu uso, recomendo! :-)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruce19    0

Bruce19
Postado

O mais fácil é baixar o Dreamweaver... Pegar um tutorial do programa e mandar ver... Nele você pode salvar tudo em html. É o que eu uso, recomendo! :-)

Tenho aqui o Dreamweaver MX, onde posso encontrar bons tutoriais pra ele?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pablo Honey    0

Pablo Honey
Postado

Amigo!! você encontra aki na parte do Forum Dreamweaver e nesse site aki você encontra bons tutoriais tb. http://webtutoriais.com/busca.php

 

No photoshop tb tem ensinando como montar um pagina a partir do photoshop, postado até pelo Fabio.

http://www.imasters.com.br/artigo/4706/pho...web_-_parte_01/

 

Dê uma navegada por aki pois você vai encontrar muita coisa :D

 

Falowww

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz Henrique    1

Luiz Henrique
Postado

Olá Bruce19 peço que leia as regras do fórum.---------Quanto a sua dúvida, todo layout hoje é montado em css, (para quem acompanha as tendências!), então nada melhor do que você postar um link de sua imagem para analizarmos quais os pontos que devem ser recortados para fazer a montagem no css ao invés de colocar imagens inteiras, depois de desmontado você pode pedir ajuda na sessão de css ou eu mesmo posso te ajudar.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruce19    0

Bruce19
Postado

Não imaginei que fosse apanhar tanto pra colocar esse template em códigos...rs

Segue o modelo:

 

Imagem Postada

 

Deixei em branco o local das fotos pq ainda não sei qual usar, mas creio q isso é só alterar o banner depois...

 

Aqui tem um site que achei bem interessante a montagem, segue o link: http://forumfgsexy.blogspot.com

 

Tb entrei em contato com o dono de lá pra ele me passar como ficou o template apenas com as tags, segue o q ele me passou:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><script type="text/javascript" src="http://www.haloscan.com/load/ironmanmg"> </script><$BlogMetaData$><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><META NAME="Robots" CONTENT="All"><meta name="Googlebot" content="all"><meta name="Description" content="retirei pra não ficar grande"><head><title><$BlogPageTitle$></title><style type="text/css">@import url(http://ironmanmg.iespana.es/blog/blog.css);body {	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;}.style1 {color: #FFFFFF}</style><script language="JavaScript" type="text/JavaScript"><!--function TxtStatus(){window.status="FGSexy.com";timer=setTimeout("TxtStatus()", 10);}TxtStatus();a=location.search.slice(1)if (a!=""){document.write('<style type=\"text/css\">div.gaby {display:none}\ndiv.' + a + '{ display:inline; }</style>')}//--></script><base target="_blank"><!-- Inicio Codigo FAVORITOS --><script>function exit(){window.external.AddFavorite('http://forumfgsexy.blogspot.com/', 'Blog FGSexy')return;}window.onunload=exit</script><!-- Fim Codigo FAVORITOS --></head><body><!-- Begin #content - Centers all content and provides edges for floated columns --><div id="content"><!-- Blog Header --><div><img src="http://ironmanmg.iespana.es/blog/cabecalho.fg" width="770" height="230" border="0" usemap="#Map" />  <map name="Map" id="Map">	<area shape="rect" coords="547,169,726,193" href="#" target="_self" onClick="window.external.AddFavorite('http://forumfgsexy.blogspot.com','FGSexy.com - Blog')" />	<area shape="rect" coords="3,3,765,165" href="<$BlogURL$>" />  </map></div><!-- Begin #sidebar left --><div id="sidebar-l"><table width="140" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="140" height="1" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="1" border="0" alt=""></td>  </tr>  <tr>   <td background="http://ironmanmg.iespana.es/blog/esquerda_r1_c1.fg"><h2 align="center" class="sidebar-title-e">Publicidade</h2></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="33" border="0" alt=""></td>  </tr>  <tr>   <td background="http://ironmanmg.iespana.es/blog/esquerda_r2_c1.fg"><div align="center"><br>  <!-- area de publicidade 120x60px --><!-- fim de publicidade--></div></td>   <td> </td>  </tr>  <tr>   <td><img name="esquerda_r3_c1" src="http://ironmanmg.iespana.es/blog/esquerda_r3_c1.fg" width="140" height="18" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="8" border="0" alt=""></td>  </tr>  <tr>	<td><div align="center"><br />	</div></td>	<td> </td>  </tr></table><table width="140" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="140" height="1" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="1" border="0" alt=""></td>  </tr>  <tr>   <td background="http://ironmanmg.iespana.es/blog/esquerda_r1_c1.fg"><h2 align="center" class="sidebar-title-e">Parceiros</h2></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="33" border="0" alt=""></td>  </tr>  <tr>   <td background="http://ironmanmg.iespana.es/blog/esquerda_r2_c1.fg"><div align="center"><!-- area dos banners 120x60px -->		  <a target="_blank" href="http://www.clubedosdesocupados.com"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/clubedosdesocupados.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.dedadadigital.org"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/dedadadigital.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.rampeiras.net"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/rampeiras.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.playblog.org"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/playblog.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.orgias69.net"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/orgias69.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.diarioprive.com"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/diarioprive.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.sexodigital.info/click/fclick.php?fid=fgsexyin"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/sexodigital.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.sexxyclub.net"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/sexxyclub.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.dino1videos.blogspot.com"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/dino1.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.clubedapunheta.blogspot.com/"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/clubedapunheta.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.ninfetacaseira.com"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/ninfetacaseira.fg" width="120" border="0"></a><br>		  <a target="_blank" href="http://www.ftpbrasil.blogspot.com"><img height="30" src="http://ironmanmg.iespana.es/blog/ban/ftpbrasil.fg" width="120" border="0"></a><br>		 <!--Fim Dos Banners--></div></td>   <td> </td>  </tr>  <tr>   <td><img name="esquerda_r3_c1" src="http://ironmanmg.iespana.es/blog/esquerda_r3_c1.fg" width="140" height="18" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="8" border="0" alt=""></td>  </tr>  <tr>	<td><div align="center"><br />	</div></td>	<td> </td>  </tr></table>  <!-- End .box --></div><!-- End #sidebar left--><!-- Begin #main - Contains main-column blog content --><div id="main"><table width="469" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="476" height="1" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="1" border="0" alt=""></td>  </tr>  <tr>   <td><img src="http://ironmanmg.iespana.es/blog/banner_l1.fg" alt="" width="476" height="16" border="0" /></td>   <td width="1"><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="16" border="0" alt=""></td>  </tr>  <tr>   <td align="center" background="http://ironmanmg.iespana.es/blog/banner_l2.fg"><div align="center"><!-- area dos banners (topo 468x60px) --> <a href="http://www.fgsexy.com/forum" target="_blank"><img src="http://photos1.blogger.com/blogger/6754/1635/1600/Imagem_004.1.jpg" alt="Fórum" width="468" height="60" border="0"></a><!-- fim dos banners --></div></td>   <td width="1"><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="8" border="0" alt=""></td>  </tr>  <tr>   <td><div align="left"><img name="esquerda_r3_c1" src="http://ironmanmg.iespana.es/blog/banner_l3.fg" width="476" height="16" border="0" alt=""></div></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="8" border="0" alt=""></td>  </tr></table><Blogger><div class="<$BlogItemURL$> gaby">   <BlogDateHeader>  <h2 class="date-header"><$BlogDateHeaderDate$></h2>  </BlogDateHeader>  <table width="451" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="23" height="1" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="394" height="1" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="34" height="1" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="1" border="0" alt=""></td>  </tr>  <tr>   <td><img src="http://ironmanmg.iespana.es/blog/meio_r1_c1.fg" alt="" name="meio_r1_c1" width="23" height="33" border="0"></td>   <td background="http://ironmanmg.iespana.es/blog/meio_r1_c2.fg">	  <BlogItemTitle>	<h3 class="post-title">	 <script>	 var tit;	 tit="<$BlogItemTitle$>";	 document.write (tit.substr(0,40)); //* Limita titulo em 40 chars	 </script></h3>	</BlogItemTitle></td>   <td><img src="http://ironmanmg.iespana.es/blog/meio_r1_c3.fg" alt="" name="meio_r1_c3" width="34" height="33" border="0"></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="33" border="0" alt=""></td>  </tr>  <tr>   <td colspan="3" background="http://ironmanmg.iespana.es/blog/meio_r2_c1.fg" bgcolor="#CBD0CB">	  <div id="main2">	<!-- <div align="left" class="category"><strong>  Categoria: <a href="?<$BlogItemURL$>"><$BlogItemURL$></a></strong></div> -->  <!-- Begin .post --> <div class="post"><a name="<$BlogItemNumber$>"></a>	<div ID=oDiv STYLE="width: 415px; overflow-x: auto; overflow-y: hide;" class="post-body">	  <$BlogItemBody$>	</div><div class="post-footer"><hr align="center" size="1" noshade="noshade" />	<table width="100%" border="0" cellpadding="1" cellspacing="0">  <tr>	<td valign="middle">	<script>var assinatura, avatar;  assinatura = "<$BlogItemAuthorNickname$>";  signlcase = assinatura.toLowerCase();  avatar = signlcase.substring(0,4);  document.write ("<img src='http://ironmanmg.iespana.es/blog/ava/"+ avatar +".fg' align='middle' border=0 width=48 height=48 alt="+ assinatura +">");</script>	</td>	<td width="300" valign="middle">Postado por <$BlogItemAuthorNickname$> em <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>	 <br>	  <a href="java script:HaloScan('<$BlogItemNumber$>');" target="_self">				  <script type="text/javascript">postCount('<$BlogItemNumber$>'); </script></a>  <a href="java script:HaloScanTB('<$BlogItemNumber$>');" target="_self"><script type="text/javascript">; </script></a>	  <$BlogItemControl$></td>	<td width="70" valign="middle"><div align="left"><a href="mailto:fgsexy@gmail.com?subject=Contato via Blog"><img src="http://ironmanmg.iespana.es/blog/contato.fg" border="0" alt="Clique para mandar um e-mail"></a></div></td>  </tr></table>  </div>  </div>  <!-- End .post -->  <!-- Begin #comments -->  <!-- End #comments --></div><br></td>   <td bgcolor="#CBD0CB"> </td>  </tr>  <tr>   <td colspan="3"><img name="meio_r3_c1" src="http://ironmanmg.iespana.es/blog/meio_r3_c1.fg" width="451" height="9" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="9" border="0" alt=""></td>  </tr>  <tr>	<td colspan="3"></td>	<td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="12" border="0" alt=""></td>  </tr></table></div></Blogger></div><!-- End #main --><!-- Begin #sidebar right--><div id="sidebar-r">   	     <!-- Conteudo -->   <table width="140" border="0" align="center" cellpadding="0" cellspacing="0">  <tr>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="140" height="1" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="1" border="0" alt=""></td>  </tr>  <tr>   <td background="http://ironmanmg.iespana.es/blog/direto_meio_r1_c1.fg"><h2 align="center" class="sidebar-title-d">Links</h2></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="33" border="0" alt=""></td>  </tr>  <tr>  <td valign="top" background="http://ironmanmg.iespana.es/blog/direto_meio_r2_c1.fg"> <div class="menutext"><!-- Destaques -->   	<a href="http://dreamcam.servik.com">Indice Dreamcam</a><br/><!-- Fim Dos Destaques -->  </div>  <h2 class="sidebar-title">Posts Anteriores</h2>  <div class="menutext">  <select name="menu1" onchange="window.open(this.options[this.selectedIndex].value)">	<option value="" selected="selected">Selecione o Post</option>	<BloggerPreviousItems>	   	<option value="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></option>	   	 </BloggerPreviousItems>  </select>  </div>  <MainOrArchivePage><br/>  <h2 class="sidebar-title">Arquivo</h2>  <div class="menutext">  <select name="menu2" onchange="window.open(this.options[this.selectedIndex].value)">	<option value="" selected="selected">Selecione a Data</option>   	  <BloggerArchives>			<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>	  </BloggerArchives>  </select>  </div>	  <ArchivePage>	  <br/><h2 class="sidebar-title"><a href="<$BlogURL$>">Posts Atuais</a></h2>	  </ArchivePage>  </MainOrArchivePage><br/></div>  <h2 class="sidebar-title">Recomendados</h2> <div class="menutext"><!-- Links e Amigos -->   	<a href="http://www.fgsexy.com/forum/">Forum FGSexy</a><br/>   	<a href="http://www.garimpeirosdaweb.com">Forum Garimpeiros</a><br/>   	<a href="http://www.clubedaputariabr.com">Clube Da Putaria</a><br/>   	<a href="http://www.senhordosanais.rg.com.br">Senhor Dos Anais</a><br/>	    	<a href="http://www.pachbundas.blogspot.com">Pach Bundas</a><br/>   	<a href="http://www.biscoitomolhado.blogspot.com">Biscoito Molhado</a><br/>   	<a href="http://www.puraputaria.blogspot.com">Pura Putaria</a><br/>   	<a href="http://www.amadorasnet.tk">AmadorasNet</a><br/><!-- Fim de Links -->  </div>   </td>   <td> </td>  </tr>  <tr>   <td><img name="direto_meio_r3_c1" src="http://ironmanmg.iespana.es/blog/direto_meio_r3_c1.fg" width="140" height="16" border="0" alt=""></td>   <td><img src="http://ironmanmg.iespana.es/blog/spacer.fg" width="1" height="8" border="0" alt=""></td>  </tr></table></div><!-- End #sidebar right--><!-- Begin #footer --><div> <img src="http://ironmanmg.iespana.es/blog/rodape.fg" border="0" align="absbottom" /></div></div><div style="display:none;"><tr><!--XXX--><script language="JavaScript"> document.write("<img border=0 src=\"http://www.xclicks.net/sc/ct.php?s=4145&l="+escape(top.document.referrer)+"\" height=1 width=1>"); </script><!--XXX--></tr><!-- Início Do Código De Visitas--><a href="http://extremetracking.com/open?login=fgsexy"target="_top"><img src="http://t1.extreme-dm.com/i.gif"name="EXim" border="0" height="38" width="41"alt="eXTReMe Tracker"></img></a><script type="text/javascript" language="javascript1.2"><!--EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?EXb=EXs.colorDepth:EXb=EXs.pixelDepth;//--></script><script type="text/javascript"><!--var EXlogin='fgsexy' // Loginvar EXvsrv='s9' // VServernavigator.javaEnabled()==1?EXjv="y":EXjv="n";EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";EXd.write("<img src=http://e0.extreme-dm.com","/"+EXvsrv+".g?login="+EXlogin+"&","jv="+EXjv+"&j=y&srw="+EXw+"&srb="+EXb+"&","l="+escape(EXd.referrer)+" height=1 width=1>");//--></script><noscript><img height="1" width="1" alt=""src="http://e0.extreme-dm.com/s9.g?login=fgsexy&j=n&jv=n"/></noscript><!-- Fim Do Código De Visitas--></div></body></html><noembed><body>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Luiz Henrique    1

Luiz Henrique
Postado

Então vou te dar uma dica para o layout.Você utilizou um degradê linear partindo a parte escura de cima para baixo e de baixo para cima centralizando o claro, isso acaba dificultando seu layout, faça o seguinte use degrade de cima para baixo somente, você não faz idéia do quanto facilitara no desenvolvimento do layout, a não ser é claro que seu layout seja tamanho fixo ai é outra história!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Design e UX
×

Informação importante

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

  Aceito