setembro 2012 | A Casa dos Templates

VT Industrial - Template para Joomla

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0t8JL-lSM3jaXT5LKN7O9cPMlYTnTIJM2k31e8MnoIwGqP3_5CD6Zf2A1RaH8eVSg4Xn-icVwW4pq30jjUUlXIpSPjK8XobazjO2ZzBeaIe0QKm4jC87CJw6adeVynW-B1MZeGxBm4NhX/s1600/vt-industrial-template-joomla-casa-dos-templates.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0t8JL-lSM3jaXT5LKN7O9cPMlYTnTIJM2k31e8MnoIwGqP3_5CD6Zf2A1RaH8eVSg4Xn-icVwW4pq30jjUUlXIpSPjK8XobazjO2ZzBeaIe0QKm4jC87CJw6adeVynW-B1MZeGxBm4NhX/s1600/vt-industrial-template-joomla-casa-dos-templates.png" /></a></div>
<br />
Template para empresas vem com PSD inclusivo para que a edição do mesmo seja mais facil! Muito facil de customiza-lo<br />
<br />
<div style="text-align: center;">
<b>Demo:</b> <a href="http://adf.ly/DG4QH">http://vtem.net/templates/172-vtindustrial-template25.html</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Download: </b><a href="http://adf.ly/DGCRe">Uploaded</a></div>

VT Industrial - Template para Joomla

template joomla VT Industrial - Template para Joomla

Template para empresas vem com PSD inclusivo para que a edição do mesmo seja mais facil! Muito facil de customiza-lo Demo: http://vt...

Mais informações »

Desabilitar Click do Mouse Direito - Tutorial Blogger

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrsFPb7zoaEPfmHbNALyiuPg6r-rjXONlN72ipCd1zWBmpaLZjpgY4pWP65e8vRODS9C-88aZYBhk8JTDUY3htafS1UdMfXP9toZFHT8U4f12IXw4-2GVaHRFbn8pfTC5FNhanbZp5Cg/s1600/tutorial-blogger.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrsFPb7zoaEPfmHbNALyiuPg6r-rjXONlN72ipCd1zWBmpaLZjpgY4pWP65e8vRODS9C-88aZYBhk8JTDUY3htafS1UdMfXP9toZFHT8U4f12IXw4-2GVaHRFbn8pfTC5FNhanbZp5Cg/s320/tutorial-blogger.gif" width="320" /></a></div>
Então, como na internet tem muitos plagiadores, muitos querem desabilitar o clique do mouse direito que desabilita o famoso copiar e colar, claro que se você for copiar um conteúdo que coloque os créditos caso contrario alem de ser chato vai ser muito vergonhoso para o seu site/blog. Então vamos ao que interessa.<br />
<br />
Vá no seu painel de controle do Blogger:<br />
<br />
<br />
<ul>
<li>Layout > Clique em Adicionar um Gadget</li>
<li>Selecione HTML/Javascript</li>
<li>Copie e Cole o Código Abaixo</li>
</ul>
<div>
<br /></div>
<br />
<blockquote class="tr_bq">
<script language=JavaScript><br /><br /></script></blockquote>

Desabilitar Click do Mouse Direito - Tutorial Blogger

blogger tutorais blogger Desabilitar Click do Mouse Direito - Tutorial Blogger

Então, como na internet tem muitos plagiadores, muitos querem desabilitar o clique do mouse direito que desabilita o famoso copiar e colar...

Mais informações »

BloggingSucess - Template Wordpress

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjTjoo129vgvdbO-Kaom34RoGUM-uQPcTmL8PkRjd4j2DHwlAjQMT5XXxVqkQoCJYo2q8PsTW-1Jb5SW9x95iryKwzC-hKZm9A9PpJQNKfumYkq4b8GSZ6-ZS1hjvHbl2exfQa8FlDvA/s1600/casa-dos-templates-wordpress-template-bloggingsucess.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjTjoo129vgvdbO-Kaom34RoGUM-uQPcTmL8PkRjd4j2DHwlAjQMT5XXxVqkQoCJYo2q8PsTW-1Jb5SW9x95iryKwzC-hKZm9A9PpJQNKfumYkq4b8GSZ6-ZS1hjvHbl2exfQa8FlDvA/s400/casa-dos-templates-wordpress-template-bloggingsucess.jpg" width="335" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Um template para wordpress bem facil de editar e deixar do modo que você quiser. É usado bastante como template base para novos projetos.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Demo:  <a href="http://adf.ly/DCkyv">http://success.ithemes.com/</a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Download: <a href="http://adf.ly/DClfd">Uploaded</a></div>
<br />

BloggingSucess - Template Wordpress

wordpress BloggingSucess - Template Wordpress

Um template para wordpress bem facil de editar e deixar do modo que você quiser. É usado bastante como template base para novos projeto...

Mais informações »

London Creative - Template Wordpress

0

London Creative - Template Wordpress

wordpress London Creative - Template Wordpress

Template para wordpress, para 3.0, com slider jquery , formulario de contato e muito mais. Demo: http://themeforest.net/item/london-c...

Mais informações »

TF Benz - Template para Joomla 2.5

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBS23T0lfm8nTphV8t2CfIFHp9enauhWwAmE7yYddIXrARj8ZaGJC8gAnHmOoM-c1WZqSC22N_qcqFDKNcTZ_m9JDZhFIhENx16RBQnNGxbaoSrzHcy_xPdYZUO3J-SsUej6Tnh2QCs7xD/s1600/casa-dos-templates-zb-template-joomla.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBS23T0lfm8nTphV8t2CfIFHp9enauhWwAmE7yYddIXrARj8ZaGJC8gAnHmOoM-c1WZqSC22N_qcqFDKNcTZ_m9JDZhFIhENx16RBQnNGxbaoSrzHcy_xPdYZUO3J-SsUej6Tnh2QCs7xD/s1600/casa-dos-templates-zb-template-joomla.png" /></a></div>
<br />
Template muito criativo utilizando um tema de motos muito tecnológico. Aproveite!<br />
<br />
<div style="text-align: center;">
Demo: <a href="http://adf.ly/DAkBn">http://benz.pcadviser.ro/</a>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
Download: <a href="http://adf.ly/DAlbn">Uploaded</a></div>

TF Benz - Template para Joomla 2.5

template joomla TF Benz - Template para Joomla 2.5

Template muito criativo utilizando um tema de motos muito tecnológico. Aproveite! Demo: http://benz.pcadviser.ro/ Download: Uplo...

Mais informações »

Johny Kena Banned - Template Blogger

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2hMW7LBU6rtWO1WD95xtZcEZ2khbn7IjWLwCofiYOT18Zf_149icbuX1oTb5kbd9MIjxq4MutQh__FOnYPbt6NdjpEU_8X4ZY3cTM5W6X-nBKM39g3IZsMuJSiaerEeSvskyvei4tKw/s1600/Casa-dos-Templates-Blogger-template-revista-template-noticias.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2hMW7LBU6rtWO1WD95xtZcEZ2khbn7IjWLwCofiYOT18Zf_149icbuX1oTb5kbd9MIjxq4MutQh__FOnYPbt6NdjpEU_8X4ZY3cTM5W6X-nBKM39g3IZsMuJSiaerEeSvskyvei4tKw/s1600/Casa-dos-Templates-Blogger-template-revista-template-noticias.jpg" /></a></div>
<br />
Template que nem te cara de ser para o blogger, com ele você consegue fazer seu blogger ficar igual a um site de revista estilo globo, r7 com várias noticias, novidades.<br />
<br />
<div style="text-align: center;">
<b>Demo: </b><a href="http://link.infosafe.tk//MMBSl">http://johnykena-banned.blogspot.com.br/</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Download:</b> <a href="http://adf.ly/DAEdn">Uploaded</a></div>

Johny Kena Banned - Template Blogger

template blogger templates xml Johny Kena Banned - Template Blogger

Template que nem te cara de ser para o blogger, com ele você consegue fazer seu blogger ficar igual a um site de revista estilo globo, r7...

Mais informações »

TheStyle - Template Blogger

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHyjmbNX1cEoOWQK7GWCJvIXNs0pLh37pp5-D8b_dPTgMrLUt4Mig3nTgn4DxjG3dPC0K_aILQyzkeYuGF5cW2ZB1UJDb4m82v2_moWRFIHzk_kk_ZbntrtyUJpL64aVGkt113kvZV/s1600/thestyle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHyjmbNX1cEoOWQK7GWCJvIXNs0pLh37pp5-D8b_dPTgMrLUt4Mig3nTgn4DxjG3dPC0K_aILQyzkeYuGF5cW2ZB1UJDb4m82v2_moWRFIHzk_kk_ZbntrtyUJpL64aVGkt113kvZV/s1600/thestyle.jpg" /></a></div>
<br />
<br />
Template incrivel para a plataforma blogger com efeitos jquery que a algum tempo atráz era impossivel de ser fazer.Foi desenvolvido para a plataforma wordpress mais adaptado para o blogger<br />
<br />
<div style="text-align: center;">
<b>Demo:</b> <a href="http://adf.ly/D9IMw">http://www.elegantthemes.com/demo/?theme=TheStyle</a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Desenvolvido:</b> Elegant Themes</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>Download:</b> <a href="http://adf.ly/D9IHM">Uploaded</a></div>
<br />
<br />

TheStyle - Template Blogger

blogger template blogger xml TheStyle - Template Blogger

Template incrivel para a plataforma blogger com efeitos jquery que a algum tempo atráz era impossivel de ser fazer.Foi desenvolvido para...

Mais informações »

Tutorial colocando Nivo Slide

0

Tutorial colocando Nivo Slide

tutoriais tutoriais blogger tutorial Tutorial colocando Nivo Slide

Hoje iremos aprender a colocar um slide no seu blog, conhecido como Nivo. Ele é bem fácil de colocar e deixa seu blog bem mais profission...

Mais informações »

Tutorial Blogger - Menu Jquery com Submenus Colorido

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrsFPb7zoaEPfmHbNALyiuPg6r-rjXONlN72ipCd1zWBmpaLZjpgY4pWP65e8vRODS9C-88aZYBhk8JTDUY3htafS1UdMfXP9toZFHT8U4f12IXw4-2GVaHRFbn8pfTC5FNhanbZp5Cg/s1600/tutorial-blogger.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrsFPb7zoaEPfmHbNALyiuPg6r-rjXONlN72ipCd1zWBmpaLZjpgY4pWP65e8vRODS9C-88aZYBhk8JTDUY3htafS1UdMfXP9toZFHT8U4f12IXw4-2GVaHRFbn8pfTC5FNhanbZp5Cg/s1600/tutorial-blogger.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE5w6OrhUxqrZPSgIAZEIjcygBpmNt1OBD9QnQ3scVSI2l1qKAM3m-5wg1jqDAOV8V4z9rD4qsVpCnYHqgjlTKsdo6M9Skz1WoSEUG0IuFxujhrOtmQZGqjQzeCWXCwFL4CA61-SjTJQ/s1600/colourful-menu_thumb4.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE5w6OrhUxqrZPSgIAZEIjcygBpmNt1OBD9QnQ3scVSI2l1qKAM3m-5wg1jqDAOV8V4z9rD4qsVpCnYHqgjlTKsdo6M9Skz1WoSEUG0IuFxujhrOtmQZGqjQzeCWXCwFL4CA61-SjTJQ/s1600/colourful-menu_thumb4.gif" /></a></div>
<br />
Então vamos aprender a como colocar este menu muito interessante em seu blog. Primeiramente foi desenvolvido por <span style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px;"> </span><strong style="background-color: white; color: #26a5da; font-family: Verdana; font-size: 12px; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;"><a href="https://plus.google.com/107381172453188253394" style="background-color: white; color: #26a5da; font-family: Verdana; font-size: 12px; margin: 0px; outline-style: none; padding: 0px; text-decoration: none;" target="_blank">Mohammad Mustafa Ahmedzai</a> </strong> e traduzido por nós<br />
<br />
No Painel de Controle do seu blogger vá em:<br />
<br />
<b>Modelo > Editar HTML</b><br />
<br />
Agora aperte <b>CTRL + F</b> e procure pela tag <b><head></b> e cole este codigo depois da tag.<br />
<pre class="brush: js"><script src="http://mybloggertricks.googlecode.com/files/jquery-pack-colourful.js" type="text/javascript"></script>
 <script src="http://mybloggertricks.googlecode.com/files/jcarousel-colourful.js" type="text/javascript"> </script>
 <script src="http://mybloggertricks.googlecode.com/files/mt-colourful.js" type="text/javascript"></script>
</pre>
Agora procure pela a class <b>body</b> normalmente ela está dentro do comentário <b>content</b> exemplo de como estará a class body no seu HTML<br />
<pre class="brush: js" title="Exemplo de body">body {

----

---

)
</pre>
Agora cole o codigo abaixo dentro da class <b>body</b> sem substituir nada que contém nela!
<br />
<pre class="brush: js" title="Exemplo de body">body {

margin:0px

padding:0px;

---

---

}
</pre>
Proximo passo é procurar pela tag <b><body></body></b> ou <b><body data:blog.mobileclass="data:blog.mobileclass" expr:class="’"loading""></body></b>. Embaixo desta tag cole este codigo:

<br />
<pre class="brush: js" title="Exemplo de body">

<style>

/*------- Colourful Tabs Menu by www.MyBloggerTricks.com -------*/

.MBT-Nav-container {

border: 1px solid #cfcfcf;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0Z52GgybJbtRoT7r4HEAYY5cxYbvXbhBsVHoOQjyWHhdzh_oPTUiwpOg5pamESUea6n7hZtED0dArj07MqSlat4Ye8bSCGlshX7y6DJ_trdCMrjc_LoW_RbIA4V39b_NTA1cx2aPHMg/s400/menu-bgd.png) bottom left repeat-x;

position: relative;

margin: 0;  padding: 0;

border: 1px solid #cfcfcf;

}

ul#nav {

border-left: 1px solid #cfcfcf;

border-right: 0px solid #cfcfcf;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG0Z52GgybJbtRoT7r4HEAYY5cxYbvXbhBsVHoOQjyWHhdzh_oPTUiwpOg5pamESUea6n7hZtED0dArj07MqSlat4Ye8bSCGlshX7y6DJ_trdCMrjc_LoW_RbIA4V39b_NTA1cx2aPHMg/s400/menu-bgd.png) bottom left repeat-x;

position: relative;

font-size: 12px; font-family: helvetica, arial, sans-serif;

list-style: none;  margin: 0 auto;  padding: 0;

width: 960px;

}

#nav ul {

margin: 0; 
}

:focus {

outline: 0;

}

*html ul#nav { clear: both; height: 1%; }

ul#nav li a {

display: block;

float: left;

text-transform: uppercase;

font-weight: bold;

line-height: 33px;

padding: 0 13px 0 10px;

color: #333;

text-decoration: none;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCdePy6Uhk3b5fa-xoeH_QedxGiTPy4At6DrycBA8LPhcc4AuTD8kQps6v3Su6YJUc1BUVpJoZZMfmNPZ7qrKW1jX8pWTz4PdxhH3ezflggTn9jF1j94lrTcB9bcQcVoCxq42pfX75YXI/s400/menu-rule.png) right 2px no-repeat;

}

*html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }

*:first-child+html ul#nav li.top-link { float: left; margin: 0px 0 -13px 0; padding-top: 2px; }

ul#nav li a:hover, ul#nav li a.open { color: #fff; }

ul#nav li#mbt a:hover, ul#nav li#mbt a.open { background: #0f1f37; }

ul#nav li#link-entertainment a:hover, ul#nav li#link-entertainment a.open { background: #b70943; }

ul#nav li#link-news a:hover, ul#nav li#link-news a.open { background: #cf3c02; }

ul#nav li#link-life a:hover, ul#nav li#link-life a.open { background: #724375; }

ul#nav li#link-technology a:hover, ul#nav li#link-technology a.open { background: #02b0cf; }

ul#nav li#link-top10 a:hover, ul#nav li#link-top10 a.open { background: #353533; }

ul#nav li#links-1 a:hover, ul#nav li#links-1 a.open { background: #b70943; }

ul#nav li#links-2 a:hover, ul#nav li#links-2 a.open { background: #289728; }

ul#nav li#links-3 a:hover, ul#nav li#links-3 a.open { background: #666666; }

ul#nav li#links-4 a:hover, ul#nav li#links-4 a.open { background: #b70943; }
ul#nav li#link-home a {

padding: 0 33px 0 10px;

text-indent: -9999px;

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6DM-ESU08gTcRgxIkh50ec2FyMgAtKeXCOUitxp_LhRuVG9XHY4y19aS1FwbfujEMiszvMPl2nuyK9HtzNCpXbfEX5Tx5nhtCwR2ugNRwDMF6ecvnYH2k6HN8xpItLWgMIK4ldmiL3l8/s400/home-icon.png) right 0px no-repeat;

}

*html ul#nav li#link-home a { padding: 0; width: 43px; }

ul#nav li#link-home a:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6DM-ESU08gTcRgxIkh50ec2FyMgAtKeXCOUitxp_LhRuVG9XHY4y19aS1FwbfujEMiszvMPl2nuyK9HtzNCpXbfEX5Tx5nhtCwR2ugNRwDMF6ecvnYH2k6HN8xpItLWgMIK4ldmiL3l8/s400/home-icon.png) right -33px no-repeat; }

/* Sub-Vertical Navigation */

ul.sub-nav {

position: absolute;

top: 33px;

left: -1px;

overflow: hidden;

width: 960px;

display: none;

z-index: 999;

list-style: none;

padding-left:0px;

}

ul#nav li#mbt ul.sub-nav { background: #6f7987 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2kVa77LjwlroTW6caaC1QugLR9Rnvs_UTEAVA7XSeLGtdKpQJenbmAHTYbg1UvZpFmN7B0L6M_eKuhcnxOfKRyh6XsEAphM5BRUbicfz_O0l9vMNGIZsbyJTsLn0z6xMSZ4QTgiNJZG8/s400/business-subnav-bgd.png) top left repeat-x; }

ul#nav li#link-entertainment ul.sub-nav { background: #d46b8e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5LtoXkOd9H-sDGsL4NCBjs2eKbaTKnxtOnmpUCi47sKgYIEKf6hGaR07j8eFgQ8ZBHAInRHAEnidVTN_XOem25Yw_HHZmCLwDzs-MzA-lL9iEmpujFE9TztrcUn2qBjPpQRLopyzERQo/s400/entertainment-subnav-bgd.png) top left repeat-x; }

ul#nav li#link-news ul.sub-nav { background: #e28a67 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjRFHT3j7tWA9xAy_BV-dZE3QpxIFxLx1QV0QFzMF_0-QabyBbpTZ40BNGC01Nta_oAH2HbT4Vz7WKfGycRGNUWLpkcH-IC9o81SSXbRTb2ipdjODnRaaPtXkpFufFSVF2SzDwrs_KztQ/s400/news-subnav-bgd.png) top left repeat-x; }

ul#nav li#link-life ul.sub-nav { background: #aa8eac url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAzsgLCAYQ3Oe9zBYAZqW-qGlJtEQ5G6Y8YY-YT0FyYNXSvI_0cPJklcZh9JshoBNlaJjzM1VCOUbTZlhLwOH_m8zg4BXTIpzuTuXLQ-4IcoBr38DIaERcSdT1P6g4GPdbWR7OJiU_RmE/s400/life-subnav-bgd.png) top left repeat-x; }

ul#nav li#link-technology ul.sub-nav { background: #67d0e2 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixBOirtK4mifm0VuXbCvfYnimOe8QbMPLSUmEN0i-9QWG-VNCOioP_-zSq1Vv3nooIf_pRPeY8doyKS-Xux67GrPQHUwUNUpDpqn9QUyAAaxAqx33YCmUWECPl6fmrpKPhtSSiTq-YmUk/s400/technology-subnav-bgd.png) top left repeat-x; }

ul#nav li ul.sub-nav li { float: left;   }

ul#nav li ul.sub-nav li a {

float: none;

background: none;

font-size: 11px;

text-transform: none;

color: #fff;

line-height: 25px;

}

ul#nav li#mbt ul.sub-nav li a:hover, ul#nav li#mbt ul.sub-nav li a.active-cat{ background: #0f1f37 !important; }

ul#nav li#link-entertainment ul.sub-nav li a:hover, ul#nav li#link-entertainment ul.sub-nav li a.active-cat { background: #b70943 !important; }

ul#nav li#link-news ul.sub-nav li a:hover, ul#nav li#link-news ul.sub-nav li a.active-cat { background: #cf3c02 !important; }

ul#nav li#link-life ul.sub-nav li a:hover, ul#nav li#link-life ul.sub-nav li a.active-cat { background: #724375 !important; }

ul#nav li#link-technology ul.sub-nav li a:hover, ul#nav li#link-technology ul.sub-nav li a.active-cat { background: #02b0cf !important; }

</style>

<div class="MBT-Nav-container">
<ul id="nav">
<li class="non-vertical-link top-link" id="link-home"><a class="open" href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">Home</a></li>
<li class="top-link" id="mbt"><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">TAB 1</a>

<ul class="sub-nav">
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 1.1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 1.2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 1.3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 1.4</a></li>
</ul>
</li>
<li class="top-link" id="link-entertainment"><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">TAB 2</a>

<ul class="sub-nav" style="display: none;">
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 2.1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 2.2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 2.3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 2.4</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 2.5</a></li>
</ul>
</li>
<li class="top-link" id="link-news"><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">TAB 3</a>

<ul class="sub-nav" style="display: none;">
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 3.1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 3.2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 3.3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 3.4</a></li>
</ul>
</li>
<li class="top-link" id="link-life"><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">TAB 4</a>

<ul class="sub-nav" style="display: none;">
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 4.1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 4.2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 4.3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 4.4</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 4.5</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 4.6</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 4.7</a></li>
</ul>
</li>
<li class="top-link" id="link-technology"><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">TAB 5</a>

<ul class="sub-nav" style="display: none;">
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 5.1</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 5.2</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 5.3</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 5.4</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">SUB TAB 5.5</a></li>
</ul>
</li>
<li class="non-vertical-link top-link" id="link-top10"><a href="http://www.blogger.com/blogger.g?blogID=2313637491830172774#">TAB 6</a></li>

<li style="clear: both;">

</li>
</ul>
</div>

</pre>
Agora só salvar e apreciar o seu belo menu com jquery!

Tutorial Blogger - Menu Jquery com Submenus Colorido

tutoriais blogger tutoriais geral Tutorial Blogger - Menu Jquery com Submenus Colorido

Então vamos aprender a como colocar este menu muito interessante em seu blog. Primeiramente foi desenvolvido por Mohammad Must...

Mais informações »

Tutorial CSS3 - Deixando Bordas Arredondadas

0

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9hvTjZw2azhz6MhbwHHFpABdAJznn1yod_0SRbc8OzPrYmUk0H8F1mDWAR2QhxnJYYPkFfgjZTyeGoH5yXRi0mIMfZFmh7_WKYc_2TWBllA1TeGsB7HL7-hpys7uqivRfmAdCilwSw/s1600/bordas-arredondadas.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp9hvTjZw2azhz6MhbwHHFpABdAJznn1yod_0SRbc8OzPrYmUk0H8F1mDWAR2QhxnJYYPkFfgjZTyeGoH5yXRi0mIMfZFmh7_WKYc_2TWBllA1TeGsB7HL7-hpys7uqivRfmAdCilwSw/s1600/bordas-arredondadas.gif" /></a></div>
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;">Vamos hoje aprender a fazer um elemento ficar com bordas arredondadas isso serve para qualquer elemento que pode ser modificado com CSS (div's,tabelas,form)</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<br />
<h2>
<span style="font-family: Trebuchet MS, sans-serif;"><b>Primeiro Passo!</b></span></h2>
<div>
<span style="font-family: Trebuchet MS, sans-serif;">Então nosso primeiro passo é criar o elemento que vai ter a borda arredondada</span></div>
<div>
<span style="font-family: Trebuchet MS, sans-serif;"><b><br /></b></span></div>
<pre class="brush: js" title="Elemento DIV"><div id="bordasarredondadas">
<h4>
Nossa Borda Arredondada</h4>
</div>
</pre>
<span style="font-family: inherit;"><b><div id="bordasarredondadas"></b> - É o elemento, o <b>id</b> é o nome dado a este elemento que mais adiante usaremos para declarar que a div com o id <b>bordasarredondas</b> é para ficar com a borda arredondada</span><br />
<h3 style="font-family: 'Times New Roman'; white-space: normal;">
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span></h3>
<h2>
<span style="font-family: Trebuchet MS, sans-serif;">Segundo Passo!</span></h2>
<div>
<span style="font-family: Trebuchet MS, sans-serif;">Agora vamos para a parte do CSS. Nesta parte você pode fazer em um arquivo que seja .css ou até .html.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;">Se o seu arquivo for .html você devera colocar o CSS entre as tag <head></head> ficando assim:</span><br />
<pre class="brush: js" title="CSS"><style>
#bordasarredondadas{
-webkit-border-radius: 20px;
border-radius: 20px;
background:#000;
color:#fff;
}
</style>
</pre>
<br />
Se o seu arquivo é .css que é recomendado:<br />
<pre class="brush: js" title="CSS">#bordasarredondadas{
-webkit-border-radius: 20px;
border-radius: 20px;
background:#000;
color:#fff;
}
</pre>
<br />
<span style="font-family: Trebuchet MS, sans-serif;"><b><style></style></b> - é para o navegador identificar que tudo que estiver escrito entre esta tag é CSS fora dela não vai funcionar</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>#bordasarrendondadas</b> - Este é <b>ID</b> da div que vai identificar a mesma.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>-webkit-border-radius: 20px;</b> - este serve para os internet explorer mais antigo intender que o elemento vai ficar com a bordas arredondadas 20px. Sem ele no internet explorer 7,8 não vai funcionar</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>border-radius: 20px;</b> - Você pode mudar o arredondamento da borda para quantos pixel você quiser alterando o <b>20px </b> quanto mais pixels mais redonda ela fica e quanto menos mais quadrada.</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>background:#000;</b> - Cor de fundo, para mudar altere a parte <b>#000</b> </span><span style="font-family: 'Trebuchet MS', sans-serif;">para qualquer cor</span> <span style="font-family: Trebuchet MS, sans-serif;"> <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">hexadecimal </a>ou <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">rgb</a> que você querer!</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><b>color:#fff;</b> - Cor da fonte para mudar altere a parte <b>#fff</b> </span><span style="font-family: 'Trebuchet MS', sans-serif;">para qualquer cor</span> <span style="font-family: Trebuchet MS, sans-serif;"> <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">hexadecimal </a>ou <a href="http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm">rgb</a> que você querer!</span><br />
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span>
<span style="font-family: Trebuchet MS, sans-serif;"><br /></span><span style="font-family: Trebuchet MS, sans-serif;">Exemplo como ficou a nossa div:</span><br />
<div style="-webkit-border-radius: 20px; background: #000; border-radius: 20px; color: white;">
<h4>
Nossa Borda Arredondada</h4>
</div>
</div>
Duvidas? Sugestões? Erro de português? comente logo ali em baixo!

Tutorial CSS3 - Deixando Bordas Arredondadas

tutoriais tutoriais geral Tutorial CSS3 - Deixando Bordas Arredondadas

Vamos hoje aprender a fazer um elemento ficar com bordas arredondadas isso serve para qualquer elemento que pode ser modificado com CSS (...

Mais informações »

Script Advocacia - Com Painel Admin

0

<div style="text-align: center;">
<img height="400" src="http://designmp.net/wp-content/uploads/2012/09/siteadvocaciadesingmp.gif" width="385" />
</div>
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;">Site de Advocacia com painel de administração para administrar artigos, estudos ect…</span>
<br />
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><br /></span>
<br />
<div style="text-align: center;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><b>Download</b></span></div>
<div style="text-align: center;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><b><br /></b></span></div>
<div style="text-align: center;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><a href="http://adf.ly/CVVQY">Uploaded</a></span></div>

Script Advocacia - Com Painel Admin

script Script Advocacia - Com Painel Admin

Site de Advocacia com painel de administração para administrar artigos, estudos ect… Download Uploaded

Mais informações »

Sistema de Estoque com Cadastro de Produtos e muito mais

0

<br />
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px;">
<div style="text-align: center;">
<img height="226" src="http://designmp.net/wp-content/uploads/2012/09/estoque.jpg" width="400" />
</div>
<br />
Sistema completo de estoque ideal para mercados e vendedores, com sistema de cadastro de clientes, representantes, transportadora, pedidos e muito mais!</div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px;">
Demo: <a href="http://adf.ly/CWy30" style="color: #cb5a5f; margin: 0px; padding: 0px; text-decoration: none;">http://slzweb.net/estoque/index1.php</a></div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px;">
Usuario: root<br />
Senha: root</div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px; text-align: center;">
<b>Download</b></div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px; text-align: center;">
<a href="http://adf.ly/CWxTF">Uploaded</a></div>

Sistema de Estoque com Cadastro de Produtos e muito mais

script Sistema de Estoque com Cadastro de Produtos e muito mais

Sistema completo de estoque ideal para mercados e vendedores, com sistema de cadastro de clientes, representantes, transportadora, ped...

Mais informações »

Site CMS/ c painel de controle admin e slide

0

<div style="text-align: center;">
<img height="400" src="http://designmp.net/wp-content/uploads/2012/09/sitecmsdesingmp.gif" width="400" />
</div>
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><br /></span>
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;">Script com todas as funcionalidades funcionando 100%,  editação fácil para quem tem um pouco de c conhecimento em PHP, HTML e CSS</span>
<br />
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><br /></span>
<br />
<div style="text-align: center;">
<span style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px;"><b>Download</b></span></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: x-small;"><span style="line-height: 19.200000762939453px;"><a href="http://adf.ly/CVVTd">Uploaded</a></span></span></div>

Site CMS/ c painel de controle admin e slide

script Site CMS/ c painel de controle admin e slide

Script com todas as funcionalidades funcionando 100%, editação fácil para quem tem um pouco de c conhecimento em PHP, HTML e CSS D...

Mais informações »

Sistema de Advogado - Cadastra Casos, Clientes

0

<div style="text-align: center;">
<img height="317" src="http://designmp.net/wp-content/uploads/2012/09/Legal-Case-Management-13558.png" width="400" />
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
</div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px; text-align: start;">
Sistema completo para advogados, que cadastra casos, clientes e tudo isso em português. totalmente sem erros e funcionado certinho, pronto para ser utilizado.</div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px; text-align: center;">
<b>Download</b></div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px; text-align: center;">
<a href="http://adf.ly/CWRIM">Uploaded</a></div>

Sistema de Advogado - Cadastra Casos, Clientes

script Sistema de Advogado - Cadastra Casos, Clientes

Sistema completo para advogados, que cadastra casos, clientes e tudo isso em português. totalmente sem erros e funcionado certinho, ...

Mais informações »

Script forum simples completo

0

<br />
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px;">
<img height="361" src="http://designmp.net/wp-content/uploads/2012/09/Forum7-1024x578.jpg" width="640" />
</div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px;">
Forum completo com sistema de inscrição em tópicos e design bonito, 80% traduzido para o português, se você quiser continuar a tradução procure pelo arquivo strings.xml dentro da pasta str</div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px;">
<br /></div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px;">
Demo: <a href="http://adf.ly/CWWWm" style="color: #cb5a5f; margin: 0px; padding: 0px; text-decoration: none;">http://codecanyon.net/item/just-a-forum/full_screen_preview/1792742</a></div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px; text-align: center;">
<b>Download</b></div>
<div style="background-color: white; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19.200000762939453px; margin-bottom: 15px; margin-top: 15px; padding: 0px; text-align: center;">
<a href="http://adf.ly/CWWN2">Uploaded</a></div>

Script forum simples completo

script Script forum simples completo

Forum completo com sistema de inscrição em tópicos e design bonito, 80% traduzido para o português, se você quiser continuar a tradução...

Mais informações »

Assinar: Comentários (Atom)