Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

acerto no layout dos experimentos

  • Loading branch information...
commit c397d41891a285ee7efc4361e367b5fe72b7e267 1 parent 680fc57
Sérgio Lopes authored
11 botoes-css3/index.html
View
@@ -4,7 +4,8 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Experimentos com botões no CSS3</title>
-
+ <link rel="stylesheet" type="text/css" media="screen" href="../layout.css" />
+
<!-- Estilo dos botões - com comentários -->
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
</head>
@@ -15,7 +16,13 @@
<a href="#" class="nicebutton magenta">Meu link magenta</a><br>
<a class="nicebutton yellow">Meu link amarelo</a><br>
- <h1>Tamanhos diferentes</h1>
+ <p>[
+ <a href="http://github.com/sergiolopes/css3-experimentos/blob/gh-pages/botoes-css3/style.css">Código CSS</a> |
+ <a href="http://github.com/sergiolopes/css3-experimentos/blob/gh-pages/botoes-css3/index.html">Código HTML</a> |
+ <a href="http://browsershots.org/http://sergiolopes.github.com/css3-experimentos/botoes-css3/">Screenshots</a>
+ ]</p>
+
+ <h2>Tamanhos diferentes:</h2>
<a href="#" class="nicebutton red small">Meu link vermelho bem pequeno</a><br>
<a href="#" class="nicebutton purple">Meu link roxo com tamanho normal</a><br>
<a href="#" class="nicebutton green big">Meu link verde grandinho</a><br>
5 index.html
View
@@ -4,13 +4,12 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<title>Meus experimentos</title>
-
+ <link rel="stylesheet" type="text/css" media="screen" href="layout.css" />
</head>
<body>
- <h1>Meus experimentos</h1>
+ <h2>Meus experimentos</h2>
<ul>
<li><a href="logo-caelum-css3/caelum-css3.html">Logo da Caelum em CSS3</a></li>
29 layout.css
View
@@ -0,0 +1,29 @@
+/* Layout da página */
+body {
+ background: #efeff7;
+ font-size: 10px;
+ font-family: Arial;
+ padding: 10px 0 30px 40px;
+}
+div, strong, em, h2, li {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+ font-style: normal;
+}
+h2 {
+ color: #556;
+ font: 30px Tahoma;
+ margin: 10px 0 20px -20px;
+ text-shadow: 1px 1px #fff;
+}
+h2 small {
+ font-size: 60%;
+}
+p {
+ font-size: 1.6em;
+}
+
+li {
+ font-size: 2em;
+}
1  logo-caelum-css3/caelum-css3-tamanhos.html
View
@@ -5,6 +5,7 @@
<meta http-equiv="Content-Language" content="pt-br"/>
<title>Caelum | Ensino e Inova&ccedil;&atilde;o</title>
+ <link rel="stylesheet" type="text/css" media="screen" href="../layout.css" />
<link rel="stylesheet" type="text/css" media="screen" href="estilo.css" />
</head>
<body>
5 logo-caelum-css3/caelum-css3.html
View
@@ -5,6 +5,7 @@
<meta http-equiv="Content-Language" content="pt-br"/>
<title>Caelum | Ensino e Inova&ccedil;&atilde;o</title>
+ <link rel="stylesheet" type="text/css" media="screen" href="../layout.css" />
<link rel="stylesheet" type="text/css" media="screen" href="estilo.css" />
</head>
<body>
@@ -15,8 +16,8 @@
</div>
<p>[
- <a href="http://github.com/sergiolopes/css3-experimentos/blob/master/logo-caelum-css3/estilo.css">Código CSS</a> |
- <a href="http://github.com/sergiolopes/css3-experimentos/blob/master/logo-caelum-css3/caelum-css3.html">Código HTML</a> |
+ <a href="http://github.com/sergiolopes/css3-experimentos/blob/gh-pages/logo-caelum-css3/estilo.css">Código CSS</a> |
+ <a href="http://github.com/sergiolopes/css3-experimentos/blob/gh-pages/logo-caelum-css3/caelum-css3.html">Código HTML</a> |
<a href="caelum-css3-tamanhos.html">Outro exemplo: logo escalável</a> |
<a href="http://browsershots.org/http://sergiolopes.github.com/css3-experimentos/logo-caelum-css3/caelum-css3.html">Screenshots</a>
]</p>
25 logo-caelum-css3/estilo.css
View
@@ -10,31 +10,6 @@
src: url('HelveticaLTMM.otf');
}
-/* Layout da página */
-body {
- background: #efeff7;
- font-size: 10px;
- padding: 10px 0 30px 40px;
-}
-div, strong, em, h2 {
- margin: 0;
- padding: 0;
- font-weight: normal;
- font-style: normal;
-}
-h2 {
- color: #556;
- font: 30px Tahoma;
- margin: 10px 0 20px -20px;
- text-shadow: 1px 1px #fff;
-}
-h2 small {
- font-size: 60%;
-}
-p {
- font-size: 1.6em;
-}
-
/* LOGO */
.caelum {
margin-bottom: 10px;
Please sign in to comment.
Something went wrong with that request. Please try again.