Download as
Browse Code »

Commit 031983118f448e74bdee29705786898434e084b3

Authored by Edmar Moretti
1 parent 38a5ada1
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Reformulação do layout da página

Showing 1 changed file with 88 additions and 40 deletions   Show diff stats
mashups/index.html
  Diff comments   View file @0319831
1   -<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  1 +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
2 2 <html>
3 3 <head>
4   -
5   -<title>i3Geo</title>
6   -<link rel="stylesheet" type="text/css" href="../admin/html/admin.css">
7   -<style>
8   -body,td {
9   - text-align: left;
10   - border: 0px solid #FFFFFF;
11   - font-family: Verdana, Arial, Helvetica, sans-serif;
12   - position: relative;
13   - font-size: 10pt;
14   - padding-bottom: 10px;
15   -}
16   -
17   -.m {
18   - font-size: 11pt;
19   - margin-left: 10px;
20   -}
  4 +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
  5 +<title>Mashups</title>
  6 +<link rel="stylesheet" type="text/css" href="../css/input.css" />
  7 +<link rel="stylesheet" type="text/css" href="../css/geral.css">
  8 +<style>
  9 +P {
  10 + text-align: justify;
  11 + font-size: 14px;
  12 + font-family: Verdana, Arial, Helvetica, sans-serif;
  13 +}
  14 +
  15 +fieldset {
  16 + border: 1px solid #F0F0F0;
  17 + border-radius: 5px 5px 5px 5px;
  18 + box-shadow: 1px 1px 1px 1px lightgray;
  19 + margin: auto;
  20 + margin-top: 20px;
  21 + padding: 5px;
  22 + background-color: white;
  23 + font-size: 0.4cm;
  24 + display: block;
  25 + width: 80%;
  26 +}
  27 +.borda {
  28 + background-color: #4682b4;
  29 + padding: 5px 0px 5px 0px;
  30 + text-align: left;
  31 + width: 100%;
  32 +}
  33 +#bandeiras img {
  34 + margin-left: 7px;
  35 +}
  36 +
  37 +#bandeiras {
  38 + width: 100px;
  39 + text-align: left;
  40 + position: absolute;
  41 + left: 0.2cm;
  42 + z-index: 10;
  43 +}
  44 +
  45 +a {
  46 + margin: 0px auto;
  47 + text-decoration: none;
  48 + font-size: 14px;
  49 + color: #26298D;
  50 + outline: doted;
  51 +}
  52 +
  53 +A:hover {
  54 + color: #4142ff;
  55 +}
  56 +
  57 +body {
  58 + padding-top: 0px;
  59 + COLOR: #2F4632;
  60 + text-align: center;
  61 + font-size: 0.6cm;
  62 + font-family: Verdana, Arial, Helvetica, sans-serif;
  63 + background-color: rgb(250, 250, 250);
  64 + margin: auto;
  65 +}
  66 +
  67 +legend {
  68 + font-size: 14px;
  69 +}
21 70 </style>
22 71 </head>
23   -<body class="yui-skin-sam fundoPonto">
24   - <center>
25   - <div class="bordaSuperior">&nbsp;</div>
26   - <div class="mascaraPrincipal" id="divGeral" style="height: 2000px;">
27   - <img src="../imagens/i3geo1.jpg"><br>
28   - <h1>Mashups do i3geo</h1>
  72 +<body>
  73 + <div class="borda">
  74 + <div id="bandeiras"></div>
  75 + <div style="text-align: center; color: white;">
  76 + <b>Mashups do i3geo</b>
  77 + </div>
  78 + </div>
  79 + <div style="text-align: left; margin: auto; width: 100%;">
  80 + <fieldset>
29 81 <p>Mashups s&atilde;o pequenos programas que podem ser facilmente inseridos em p&aacute;ginas HTML e que mostram determinados
30 82 conte&uacute;dos.</p>
31 83 <p>No caso do i3Geo, os mashups mostram mapas tendo como base o conjunto de temas existentes no diret&oacute;rio i3geo/temas.</p>
32   -
33   - <p>
34   - <b>OpenLayers</b>
35   - </p>
36   - <fieldset>
  84 + </fieldset>
  85 + <fieldset>
  86 + <legend>OpenLayers</legend>
37 87 <p>
38 88 O <a href="http://openlayers.org" target=_blank>OpenLayers</a> &eacute; uma biblioteca em javascript bastante popular. Possu&iacute;
39 89 uma interface simples mas que pode conter um grande n&uacute;mero de funcionalidades.
... ... @@ -60,7 +110,8 @@ body,td {
60 110 </p>
61 111 </fieldset>
62 112 <fieldset>
63   - <p>Filtro - cada tema pode receber filtros seguindo-se a sintaxe &amp;map_layer_{codigo do tema}_filter=<br>
  113 + <legend>Filtro</legend>
  114 + <p>Cada tema pode receber filtros seguindo-se a sintaxe &amp;map_layer_{codigo do tema}_filter=<br>
64 115 Em camadas com origem em arquivos shapefile o valor do filtro segue o padr&atilde;o (('[nome_da_coluna]'='valor_do_registro'))<br>
65 116 Camadas baseadas em Postgis seguem o padr&atilde;o nome_da_coluna=valor_do_registro.
66 117 </p>
... ... @@ -72,7 +123,7 @@ body,td {
72 123 </p>
73 124 </fieldset>
74 125 <fieldset>
75   - <p>Todas as op&ccedil;&otilde;es e um tema adicionado</p>
  126 + <legend>Todas as op&ccedil;&otilde;es e um tema adicionado</legend>
76 127 <p class="m">
77 128 Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&altura=500">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;altura=500</a>
78 129 </p>
... ... @@ -81,9 +132,7 @@ body,td {
81 132 </p>
82 133 </fieldset>
83 134 <fieldset>
84   - <p>
85   - Duas camadas mas com apenas uma vis&iacute;vel na inicializa&ccedil;&atilde;o do mapa
86   - </p>
  135 + <legend>Duas camadas mas com apenas uma vis&iacute;vel na inicializa&ccedil;&atilde;o do mapa</legend>
87 136 <p class="m">
88 137 Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp,_wlocali&largura=800&altura=500&visiveis=_wbiomashp">openlayers.php?temas=_wbiomashp,_wlocali&amp;largura=800&amp;altura=500&amp;visiveis=_wbiomashp</a>
89 138 </p>
... ... @@ -92,7 +141,7 @@ body,td {
92 141 </p>
93 142 </fieldset>
94 143 <fieldset>
95   - <p>Zoom para uma regi&atilde;o</p>
  144 + <legend>Zoom para uma regi&atilde;o</legend>
96 145 <p class="m">
97 146 Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&mapext=-68.39967%20-12.16172%20-62.67402%20-5.366808">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;mapext=-68.39967
98 147 -12.16172 -62.67402 -5.366808</a>
... ... @@ -103,7 +152,7 @@ body,td {
103 152 </p>
104 153 </fieldset>
105 154 <fieldset>
106   - <p>Bot&otilde;es principais e barra de zoom maior</p>
  155 + <legend>Bot&otilde;es principais e barra de zoom maior</legend>
107 156 <p class="m">
108 157 Windows: <a target=_blank
109 158 href="openlayers.php?temas=_wbiomashp&largura=800&botoes=pan,zoombox,zoomtot,distancia,area,identifica&numzoomlevels=10">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;botoes=pan,zoombox,zoomtot,distancia,area,identifica&amp;numzoomlevels=10</a>
... ... @@ -114,7 +163,7 @@ body,td {
114 163 </p>
115 164 </fieldset>
116 165 <fieldset>
117   - <p>Inclus&atilde;o de pontos</p>
  166 + <legend>Inclus&atilde;o de pontos</legend>
118 167 <p class="m">
119 168 Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&pontos=-54%20-12%20-56%20-15">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;pontos=-54
120 169 -12 -56 -15</a>
... ... @@ -125,7 +174,7 @@ body,td {
125 174 </p>
126 175 </fieldset>
127 176 <fieldset>
128   - <p>Camada adicional como fundo</p>
  177 + <legend>Camada adicional como fundo</legend>
129 178 <p class="m">
130 179 Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=800&fundo=_wbiomashp">openlayers.php?temas=_wbiomashp&amp;largura=800&amp;fundo=_wbiomashp</a>
131 180 </p>
... ... @@ -134,8 +183,7 @@ body,td {
134 183 </p>
135 184 </fieldset>
136 185 <fieldset>
137   -
138   - <p>KML</p>
  186 + <legend>KML</legend>
139 187 <p class="m">
140 188 Windows: <a target=_blank href="openlayers.php?temas=_wbiomashp&largura=700&kml=http://localhost/i3geo/aplicmap/dados/sundials.kml">openlayers.php?temas=_wbiomashp&amp;largura=700&amp;kml=http://localhost/i3geo/aplicmap/dados/sundials.kml</a>
141 189 </p>
... ...