Arquivo da categoria: html

css, html, html

Dando forma circular a suas DIVS com CSS

Deixe um comentário

Adicionei uns parametros a mais com descrição e adicionei classes separadas, para dar cores diferentes.

A função border radius da forma a suas DIVS.

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div {
    display: inline-block;
    margin-left: 5px;
    border: 2px solid black; /*borda padrão das DIVs */
    border-radius: 100%; /*da forma circular as DIVs */
    width: 100px; /*largura das DIVs*/
    height: 100px; /* altura das DIVs */
}
 
.friend {
    border: 2px dashed green;
}
 
.family {
    border: 2px dashed #0000FF;
}
 
.enemy {
    border: 2px dashed #FF0000;
}

 

 

Segue também um link com vários tracejados que podemos usar, http://www.w3schools.com/cssref/playit.asp?filename=playcss_border-style&preval=none

css, html, html

O dreamweaver do Linux – Blue Griffon

Deixe um comentário

Bom todos sabemos que o dreamweaver é um ótimo software e faz falta mesmo, mas seguindo o conceito e tentar não emular nada achei o Blue Grifon que tem a mesma função conhecida como  WYSIWYG – “What You See Is What You Get” e quer dizer “O que você vê é o que você obtém”, ou seja, você pode desenvolver uma página web sem saber nada (ou quase nada) de HTML.

Em português não achei tutoriais para instalar no ubuntu 14.04 apenas até o 12 então segue um tutorial super simples.

1
2
3
4
$ wget -q -O - http://archive.getdeb.net/getdeb-archive.key | sudo apt-key add -
$ sudo sh -c 'echo "deb http://archive.getdeb.net/ubuntu trusty-getdeb apps" >> /etc/apt/sources.list.d/getdeb.list'
$ sudo apt-get update
$ sudo apt-get install bluegriffon

 

Para versão 12.04

How to install BlueGriffon 1.7.2 on Ubuntu 12.04 and derivatives:

1
2
3
4
$ wget -q -O - http://archive.getdeb.net/getdeb-archive.key | sudo apt-key add -
$ sudo sh -c 'echo "deb http://archive.getdeb.net/ubuntu precise-getdeb apps" >> /etc/apt/sources.list.d/getdeb.list'
$ sudo apt-get update
  $ sudo apt-get install bluegriffon

Testado e aprovado na versão 14.04

3 FOTOS icone do software, ele em modo imagem e modo edição em código.

blue_griffonblue_visãoblue_codigo

 

html

Árvore familiar x HTML

Deixe um comentário

<!DOCTYPE html>
<html> <!–O tronco da árvore!–>
<head> <!–Filho de html, pai de title,
irmão de body–>
<title></title> <!–Filho imediato de head,
filho de head E html–>
</head>
<body> <!–Filho de html, pai de p,
irmão de head–>
<p></p> <!–Filho imediato de body,
filho de body E html–>
</body>
</html>