#htmlecss
Explore tagged Tumblr posts
Visit Tumblr Blog
Explore Tumblr blogs with no restrictions, modern design and the best experience.
Last Seen Tumblr Blogs
Fun Fact
If you dial 1-866-584-6757, you can leave an audio post for your followers.
Link
#animazione#boxysvg#creazionesitiweb#DesigneUX#fotografia#HTMLeCSS#progettazionedell'interfacciautente#telaeSVG
0 notes
Photo
Projeto final do técnico de informática, que é uma plataforma para fazer pedidos de doação de sangue. Ainda está em andamento.
0 notes
Text
HTML/CSS BÁSICO.
1# Estrutura básica de um theme, quais são as tags, onde vai ficar cada coisa e tals. Espero que entendam esse tutorial e que seja útil.
Antes de tudo, coloque esse código no início do código do seu theme:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html> - todo o html, ou seja, todos os códigos do theme, do começo até o fim. Essa tag é importante para que o theme exista, sem ela é impossível começar um theme.
<head> - é o cabeçalho do theme, onde fica o favicon por exemplo.
<title>Título da página </title>
<style> ou <style type="text/css"> - style é o começo do CSS do theme, onde fica toda formatação do theme, bg, caixa dos posts, sidebar, tudo que mexe com a forma do theme. O fim da página termina com </style>
<body> Corpo do theme, texto, imagens, menus, etc. </body>
</html>
Agora vamos entender o CSS do theme. Para começar um theme a primeira coisa que você precisa é de um background.
Background - Fundo do theme.
body {background-image: url('LINKDOBG') #CORHTML;}
Caixa dos posts.
#posts {background-color: #CORHTML; width: 560px; position: absolute; top:55px; left: 420px; padding-bottom: 8px;}
Sidebar.
#sidebar { width:328px;left:20px; top:20px; color:#777; background:#fff; padding:4px; font-size: 12px; font-family: tahoma;-webkit-box-shadow:0 0 1em #eee; text-align:justify; position: fixed;}
(b) Negrito, (i) Itálico, (u) Sublinhado e (s) Riscado.
b, strong {color: #fff; text-decoration: none; cursor: help;} s {color: #fff;cursor: help;} i {color: #fff; text-decoration: none;cursor: help;} u, underline {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff ;cursor: help;}
Fim do CSS, agora você fecha com </style>
Não esqueça que essas são apenas algumas das caixas que é essencial para um theme, porque você também precisa de paginação, blockquote, menu, estilo de ask, cor do título dos posts etc.
Agora vamos para o <body> que é o corpo do theme, esse código agora será colocado entre <body> e </body>:
Sidebar:
<div class="sidebar"> AQUI VOCÊ COLOCA A IMAGEM DA SIDE, DESCRIÇÃO E ETC. </div>
Depois da side vem o menu e etc.
Depois disso ainda em <body> eu diria que vem a parte mais complicada de um theme que é a caixa dos posts, toda formatação dos posts, como frase, blockquote, áudio, link, e estilo de ask.
Você pode pegar essa parte pronta em vários tumblr que disponibilizam essa parte e tals. Mas claro creditando á eles.
Se for útil dê like e credite.
Tutorial por Carol
37 notes
·
View notes
Text
O que é HTML & CSS?
HTML
O HTML desenvolve toda a estrutura do blog, e também todas as funções que o layout designa. Ele dá formas a todas as partes do layout, função aos scripts, e também ele que detecta o local onde ficará os posts e como eles devem ser exibidos no blog. Para desenvolver um tema para seu blog, é preciso ter muito estudo, mas para editar, basta ter um pouco de conhecimento.
CSS
O CSS define como será o modelo. Ele determina o estilo que o modelo terá. Cores, fontes, tamanhos, bordas, e outros fatores que constituem o estilo do blog podem ser editadas pelo CSS. O CSS é muito mais simples que o HTML, por isso, é muito mais fácil editá-lo, por ele não ser formado por uma linguagem tão complicada.
Créditos
Postado por Lana.
0 notes
Photo
Projeto final do curso de construção de websites em que fiz sobre um restaurante com tema medieval.
0 notes
Photo
Site feito para relembrar algumas coisas. O tema foi totalmente aleatório.
0 notes