Para Ocultar um elemento com o uso CSS, há o parametro visibility, para controla-lá.
Basta acrescentar o trecho
Exemplo:
Artes Marciais
Para quê serve tal recurso? A sua imaginação é o limite!!! Neste poste estou utilizando para exibir a imagem em miniatura, no Facebook, em dispositivos portáteis, twitter, e nas publicações top 5.
Basta acrescentar o trecho
visibility: hidden; no parametro style ou no arquivo de importação do CSS.Exemplo:
Artes Marciais
<div class="separator" style="clear: both; text-align: center; visibility: hidden; ">Curiosidade
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_szQ6d4arbTAr0gt_tt-7ghrr9WACjTZTHci_aDNit9QJyl4xfOQPKsLvghRzQTao8y3Wxl_9kjBKR4Z_p-ct0aupQEy1OVmbpeQuJpGcy7i9eQY8qswICCrKhHYJyvd2JZqAqoD3tEnP/s1600/1146197_363128123819959_251938500_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_szQ6d4arbTAr0gt_tt-7ghrr9WACjTZTHci_aDNit9QJyl4xfOQPKsLvghRzQTao8y3Wxl_9kjBKR4Z_p-ct0aupQEy1OVmbpeQuJpGcy7i9eQY8qswICCrKhHYJyvd2JZqAqoD3tEnP/s200/1146197_363128123819959_251938500_o.jpg" />
</a>
</div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKLRYX2tRdquo7gQXBUM49FQu7gsN3EEvqOrWjg3TECUsOnx_HwhsDYd9x5kEvy3tW2jzSv-nO0A85oSJkVgTi957vdk8xOadLw3Ynyvh2pAoWFrbQsjHUxwagsUmWTVVH3Ax7ynDs5Re/s1600/coruja.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em; visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTKLRYX2tRdquo7gQXBUM49FQu7gsN3EEvqOrWjg3TECUsOnx_HwhsDYd9x5kEvy3tW2jzSv-nO0A85oSJkVgTi957vdk8xOadLw3Ynyvh2pAoWFrbQsjHUxwagsUmWTVVH3Ax7ynDs5Re/s320/coruja.gif" /> </a> </div>CSS
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPDuImocaILdiOAzXK3P6lXVbeXuAXgS7T_NrKhn3kII1hKE4_6h8v4gkDVaeFVxoesgCIDzkV4-O5lJWtXEI-l2Z4NJI12ReBHnBcenWBG26EkoLSyVCw6gs2gcbgn_GHY6Zj9kwRIsT/s1600/CSS-Down1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtPDuImocaILdiOAzXK3P6lXVbeXuAXgS7T_NrKhn3kII1hKE4_6h8v4gkDVaeFVxoesgCIDzkV4-O5lJWtXEI-l2Z4NJI12ReBHnBcenWBG26EkoLSyVCw6gs2gcbgn_GHY6Zj9kwRIsT/s400/CSS-Down1.jpg" /> </a></div>HTML
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgsp5O1O-ADq5ZclMDeNqlSAYjmyfLpTH3J63R3iokdDz-fy9WKrPVjZN8951St2JXIbmWaRrZTGxR33xBUAr-SnAUbotw2QVtsUTaEtiskx5ft1flLVuCSd5pMhJzCLx5_yTbON5pK82h/s1600/html.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgsp5O1O-ADq5ZclMDeNqlSAYjmyfLpTH3J63R3iokdDz-fy9WKrPVjZN8951St2JXIbmWaRrZTGxR33xBUAr-SnAUbotw2QVtsUTaEtiskx5ft1flLVuCSd5pMhJzCLx5_yTbON5pK82h/s400/html.jpg" /> </a></div>Idéia
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM0hjS-Jlxa0Z7-wUYXEMN_sIjHk_dTwHg5-VuBRelkWxgFkX1bosRj9t3L1fRPBUzTUQZRDCb6wY3SR8J4YjUgyhIFwdxRANOJl4S040ZAG_AqplWyCLmUOpK5WTBksbmTfBKRmboAxLP/s1600/bright-idea.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM0hjS-Jlxa0Z7-wUYXEMN_sIjHk_dTwHg5-VuBRelkWxgFkX1bosRj9t3L1fRPBUzTUQZRDCb6wY3SR8J4YjUgyhIFwdxRANOJl4S040ZAG_AqplWyCLmUOpK5WTBksbmTfBKRmboAxLP/s320/bright-idea.jpg" /> </a> </div>Investimentos
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AUYxD2ZQT1_FaG3qwPJh_cHJEU9mW562WHOR6hrqupirtKRRj2SKW2IMDrvsrcygYczFJGtKblmW3WnIlVeEU3ZJz2oTJkm4aXQyXEcYnT6_YfTlReX2kQO4-WqPMrRwNBaO_cx5TVGH/s1600/duvida.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7AUYxD2ZQT1_FaG3qwPJh_cHJEU9mW562WHOR6hrqupirtKRRj2SKW2IMDrvsrcygYczFJGtKblmW3WnIlVeEU3ZJz2oTJkm4aXQyXEcYnT6_YfTlReX2kQO4-WqPMrRwNBaO_cx5TVGH/s320/duvida.jpg" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiuMwDmrI6qJ2v2lGsegT_tF_cb-yOU48NvQYseyxHttoiT41mZBdw-AtKZJsIypetpfXv4WfLQsJkXcuQmqoznSNNk0X671G9HbTDcpSeTGAfwWiQ2f0yS7KKLhP1JBhdg2UX9aT5JEsd/s1600/ideias.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiuMwDmrI6qJ2v2lGsegT_tF_cb-yOU48NvQYseyxHttoiT41mZBdw-AtKZJsIypetpfXv4WfLQsJkXcuQmqoznSNNk0X671G9HbTDcpSeTGAfwWiQ2f0yS7KKLhP1JBhdg2UX9aT5JEsd/s320/ideias.jpg" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCGFmYBjq61mku4pAUMEwPKXCgod9a06RfUdK0rd0bzu9Xg43tkjkfKNZkVOCsh2bd4OlamCbECo_eY2Uga3V_X0y-ko1eQVs9kJth_BXe5gOLoYI2cd0f_cm7rGen_bD_9mjzY6F8jvz/s1600/155004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXCGFmYBjq61mku4pAUMEwPKXCgod9a06RfUdK0rd0bzu9Xg43tkjkfKNZkVOCsh2bd4OlamCbECo_eY2Uga3V_X0y-ko1eQVs9kJth_BXe5gOLoYI2cd0f_cm7rGen_bD_9mjzY6F8jvz/s320/155004.jpg" /> </a> </div>Latex
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ZQkU9cAcyHUh6IyAkDjuyuY2lY-IfnZeiZCkuGqUWWNsiVebD6YTwEfEexUYzJbx8XJMTzjFqV7PKx7CtYCMeqtjL4L3w-_tQ3-zozS5OLq3t6nd1I9jGGlzktvEoj0TBwl-jTFssjXf/s1600/inflacao1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ZQkU9cAcyHUh6IyAkDjuyuY2lY-IfnZeiZCkuGqUWWNsiVebD6YTwEfEexUYzJbx8XJMTzjFqV7PKx7CtYCMeqtjL4L3w-_tQ3-zozS5OLq3t6nd1I9jGGlzktvEoj0TBwl-jTFssjXf/s320/inflacao1.jpg" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI4BTswyEAATcK-6Qi9bvJ5wl-p7dXwwnUkdksCVxrKxiDW4fXILURnVx5csvQCVfsuJYoxwYUNJn_EpOYsWdmnan3mWg_Zn9tgulXd7hLfbv-dR205HzLqUrLlIxJZVzz8Va3NlFIWc7P/s1600/inflacao.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI4BTswyEAATcK-6Qi9bvJ5wl-p7dXwwnUkdksCVxrKxiDW4fXILURnVx5csvQCVfsuJYoxwYUNJn_EpOYsWdmnan3mWg_Zn9tgulXd7hLfbv-dR205HzLqUrLlIxJZVzz8Va3NlFIWc7P/s320/inflacao.jpg" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaYwwvmWZ7gg73shyphenhyphenMrhNjue-bc1bZXVW651vFD-FFxDDviuTnyS6TMBcAckoWvwHN_bchPgjwhqze87YKZCrZqHCD-87kwaIqDbxisf_ZRYWaknxgaYgY6UQmmmQ1JMAti50xX3ww3VuQ/s1600/PIB.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaYwwvmWZ7gg73shyphenhyphenMrhNjue-bc1bZXVW651vFD-FFxDDviuTnyS6TMBcAckoWvwHN_bchPgjwhqze87YKZCrZqHCD-87kwaIqDbxisf_ZRYWaknxgaYgY6UQmmmQ1JMAti50xX3ww3VuQ/s320/PIB.jpg" /> </a> </div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDa0e3rXEzTN07Jm-W3mOpk2oRzJK76Bykhu5iXw9Uk_n8lC9xyNf4IIJ3f936LWdZ8EHlWKc0bNbVXTJ4c2qlOU5oDVGS6HvZ6PBRgi_0rRecgQDz43SY-EJwf9njVzXYAIPNFTQ35nf/s1600/dinheiro1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDDa0e3rXEzTN07Jm-W3mOpk2oRzJK76Bykhu5iXw9Uk_n8lC9xyNf4IIJ3f936LWdZ8EHlWKc0bNbVXTJ4c2qlOU5oDVGS6HvZ6PBRgi_0rRecgQDz43SY-EJwf9njVzXYAIPNFTQ35nf/s320/dinheiro1.jpg" /> </a></div>
<div class="separator" style="clear: both; text-align: center; visibility: hidden;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM89_snkykZsuM7MWU-z7bg-3sdmbGhhXK3ioE56y5ylhQl51TXcx-xX2Nl1h3S5vg8FHAs-0NFAg3eYS4U4_Ks-QP33qIzyJuxlUw6N7O4HHTCn36I6ZNDusnxRUnR3taAxdpORfBiqoU/s1600/latex.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM89_snkykZsuM7MWU-z7bg-3sdmbGhhXK3ioE56y5ylhQl51TXcx-xX2Nl1h3S5vg8FHAs-0NFAg3eYS4U4_Ks-QP33qIzyJuxlUw6N7O4HHTCn36I6ZNDusnxRUnR3taAxdpORfBiqoU/s320/latex.jpg" /> </a> </div>Linux
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRy-IGZeF0bl7CDo_wtu51BGvR7Hql72Qre4k3dnnprND2_PUelxE3BuXdfEpfufl4RlFN1gl_9tnhR7IYhZRUz3e9wXObYpvRV-kQuTg_r8TacCgLJGTnvSEcIPFeyLYcT0aLYvLRGgwI/s1600/19816-linux-s-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRy-IGZeF0bl7CDo_wtu51BGvR7Hql72Qre4k3dnnprND2_PUelxE3BuXdfEpfufl4RlFN1gl_9tnhR7IYhZRUz3e9wXObYpvRV-kQuTg_r8TacCgLJGTnvSEcIPFeyLYcT0aLYvLRGgwI/s320/19816-linux-s-.png" /> </a> </div>Música
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfjQSJd1AUbC022XxAzuXU1MC6Si81-7WStWY1hf4Ym2AnpARja1g0D6UL7JVdOmXMDT3eorIukK7XQYLPUTorgSMdgflxXhHkKq8KNDQLadINX-pecg915kGGSZ_okQJeXTQz-CG-DUYd/s1600/4443937.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfjQSJd1AUbC022XxAzuXU1MC6Si81-7WStWY1hf4Ym2AnpARja1g0D6UL7JVdOmXMDT3eorIukK7XQYLPUTorgSMdgflxXhHkKq8KNDQLadINX-pecg915kGGSZ_okQJeXTQz-CG-DUYd/s320/4443937.jpg" /> </a></div>Utilidade Publica
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhODldT6hCtp7RPHRaBOFFE5jAx6n6qHd7rQC_ixXiMNTvn2aiVPVTPoWVOFivt3O48_zq9su8YVeR65lIOwEKf_pyqTYzB5qtdZ0GoS8CjlEQIv8kjVgkCUUJVa0ROY-A7TjH-TodAMk34/s1600/Clave.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhODldT6hCtp7RPHRaBOFFE5jAx6n6qHd7rQC_ixXiMNTvn2aiVPVTPoWVOFivt3O48_zq9su8YVeR65lIOwEKf_pyqTYzB5qtdZ0GoS8CjlEQIv8kjVgkCUUJVa0ROY-A7TjH-TodAMk34/s320/Clave.jpg" /> </a> </div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjev7h8llp570rV2Bqjp0uwsBec-TItoZvXeGiDRZsGqTSgIEJtkkB7JPj1rVadL-dmYDBe4diemrr4JKkIcup57NQ3uRIoHIi8jcvUTqcrLL-HGfJ9yGX1X1-a_D8g-Wug7lVMoVhwd9fj/s1600/m%C3%BAsica-thumb743512.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjev7h8llp570rV2Bqjp0uwsBec-TItoZvXeGiDRZsGqTSgIEJtkkB7JPj1rVadL-dmYDBe4diemrr4JKkIcup57NQ3uRIoHIi8jcvUTqcrLL-HGfJ9yGX1X1-a_D8g-Wug7lVMoVhwd9fj/s320/m%C3%BAsica-thumb743512.jpg" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQah9DlTDbuE41V1Zwf_Zcgww8HgMh4xtadjAVXA1W3I8sKyZYTh4uIOgcSbpCb1mN6wm6XDTU5r4UZQgKg38l1N_REOQ9bO5IpcrYmqRJiLKtYwKPKzQgmBU7SdK6jvoA4OCEMuJqx04L/s1600/notas-da-musica-7544001.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQah9DlTDbuE41V1Zwf_Zcgww8HgMh4xtadjAVXA1W3I8sKyZYTh4uIOgcSbpCb1mN6wm6XDTU5r4UZQgKg38l1N_REOQ9bO5IpcrYmqRJiLKtYwKPKzQgmBU7SdK6jvoA4OCEMuJqx04L/s320/notas-da-musica-7544001.jpg" /> </a></div>
<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibkOj9T8RVBRBpxPBkmREELxCTXv27QeE4OouUSXUDNbbRLH7pAtBISjcBN5LS8vMwKoJhEFQd-Qwr9s6NhkitAoBtfOaMk3cGSlpMccwEM0OggCcIY8DKPeD5UwJmldDkYZ0nzFT1G1-K/s1600/UtilidadePblica.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;visibility: hidden;"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibkOj9T8RVBRBpxPBkmREELxCTXv27QeE4OouUSXUDNbbRLH7pAtBISjcBN5LS8vMwKoJhEFQd-Qwr9s6NhkitAoBtfOaMk3cGSlpMccwEM0OggCcIY8DKPeD5UwJmldDkYZ0nzFT1G1-K/s320/UtilidadePblica.jpg" /> </a> </div>
Para quê serve tal recurso? A sua imaginação é o limite!!! Neste poste estou utilizando para exibir a imagem em miniatura, no Facebook, em dispositivos portáteis, twitter, e nas publicações top 5.
Comentários