A logo do projeto já foi escolhida, agora temos que investir no conteúdo da nossa página !

As logos estão sendo produzidas a todo vapor e logo logo escolheremos aquela que ilustrará a página do nosso projeto !

<-- end #sidebar -->

<-- end #page -->

<-- end #menu -->

<-- end #header -->

<-- end #header-wrapper -->

<-- end #content -->

RIPE

RIPE - Rede de Intercâmbio de Produção Educativa

Apoio: [[http://www.fapesb.ba.gov.br][]]

<-- Fim do id menu -->

RIPE

RIPE - Rede de Intercâmbio de Produção Educativa

Apoio: [[http://www.fapesb.ba.gov.br][]] Campanha:

RIPE

RIPE - Rede de Intercâmbio de Produção Educativa

Algumas dicas:

na coluna da direita pode ficar:

* Página Inicial

* O projeto

* A Equipe

* Escolas Envolvidas

* Projetos Relacionados

* Ambientes utilizados

* Galeria de Fotos

* Diários de bordo

* Relatórios

* Referências bibliográficas

As logo marcas q devem ter:

* Realização UFBA / FACED / GEC

* Financiamento Fapesb

Reservar lugar para páginas amigas

* radio faced

* ceap

* ponto de cultura ciberparque

• Set WEBBGCOLOR = #99FFCC

body {

margin

0;

padding

0;

background

#000000 url() repeat-x left top;

font-family

Arial, Helvetica, sans-serif;

font-size

13px;

color

#837669;

}

h1, h2, h3 {

margin

0;

font-family

Georgia, "Times New Roman", Times, serif;

font-weight

normal;

color

#649632;

}

h1 { font-size: 44px; }

h2 { font-size: 26px; }

h3 { }

p, ul, ol {

margin-top

0;

line-height

240%;

text-align

justify;

font-family

Arial, Helvetica, sans-serif;

font-size

11px;

}

ul, ol { }

blockquote { }

a { color: #000000; }

a:hover { text-decoration: none; }

a img {

border

none;

}

img.left {

float

left;

margin

7px 30px 0 0;

}

img.right {

float

right;

margin

7px 0 0 30px;

}

hr { display: none; }

.list1 {

}

.list1 li {

float

left;

line-height

normal;

}

.list1 li img {

margin

0 30px 30px 0;

}

.list1 li.alt img {

margin-right

0;

}

#wrapper {

background

url() repeat-x left bottom;

}

#header-wrapper {

width

880px; height:404px;

margin

0 auto;

border-left

10px solid #FFFFFF;

border-right

10px solid #FFFFFF;

border-top

10px solid #FFFFFF; background-color: white;

}

#header {

width

880px;

height

100px;

margin

0 auto;

background

#608F30 url() no-repeat left top;

}

/* Menu */

#menu {

float

left;

width

900px;

height

51px;

}

#menu ul {

margin

0px;

padding

27px 0 30px 10px;

list-style

none;

line-height

normal;

}

#menu li {

display

block;

float

left;

}

#menu a {

display

block;

float

left;

margin-right

17px; margin-left:17px;

padding

5px 5px;

text-decoration

none;

font

14px Georgia, "Times New Roman", Times, serif;

color

#FFFFFF;

}

#menu a:hover { text-decoration: underline; }

#menu .current_page_item a {

color

#FFFFFF;

}

/* Page */

#page {

width

840px;

margin:0 auto;

padding

30px 20px 0px 20px;

background

#FFFFFF;

border-left

10px solid #FFFFFF;

border-right

10px solid #FFFFFF;

border-bottom

10px solid #FFFFFF;

}

/** LOGO */

#logo {

height

310px;

background

url() no-repeat left top; background-position: center center;

}

#logo h1, #logo p {

float

left;

margin

0;

padding

0 0 0 20px;

line-height

normal;

}

#logo h1 { padding-top: 140px; }

#logo h1 a {

text-decoration

none;

text-transform

uppercase;

color

#FFFFFF;

}

#logo h1 a:hover { text-decoration: underline; }

#logo p {

padding

165px 0 0 15px;

font

italic 13px Georgia, "Times New Roman", Times, serif;

color

#B6ACA2;

}

#logo p a {

text-decoration

none;

color

#B6ACA2;

}

/* Content */

#content {

float

left;

width

570px;

}

#logo p a:hover { text-decoration: underline; }

/* Sidebar */

#sidebar {

float

right;

width

222px;

}

#sidebar ul {

margin

0;

padding

0;

list-style

none;

line-height

normal;

}

#sidebar li {

margin-bottom

30px;

padding

0 0 20px 0px;

}

#sidebar li ul {

line-height

200%;

}

#sidebar li li {

margin

0;

padding

0 20px;

}

#sidebar h2 {

height

33px;

margin

0 0 20px 0px;

padding

15px 0 2px 20px;

background

url() no-repeat left top;

font-size

18px;

color

#FFFFFF;

}

#sidebar p {

line-height

200%;

}

#sidebar li2 {

text-align

justify;

}

/* Footer */

#footer {

width

880px;

margin

0 auto;

padding

0;

background

#494336 url() no-repeat left top;

border-left

10px solid #FFFFFF;

border-right

10px solid #FFFFFF;

border-bottom

10px solid #FFFFFF;

text-align: center;

}

#footer p {

margin

0;

padding

20px 0;

text-align

center;

line-height

normal;

color

#B5ADA5;

}

#footer a {

color

#B5ADA5;

}

/* @import url('http://www.ssl.faced.ufba.br/twiki/pub/TWiki/TwistyContrib/twist.css'); */

/* Parabéns por não usar IE! */

</style>

<script type="text/javascript" src="http://www.ssl.faced.ufba.br/twiki/pub/TWiki/TWikiJavascripts/twiki.js"></script>
<script type="text/javascript" src="http://www.ssl.faced.ufba.br/twiki/pub/TWiki/TwistyContrib/twist.js"></script>

</head>
<body onload="">
<div id="wrapper">
<div id="header">
* Página Inicial
* Sobre o Evento?
* Programação?
* <b> Transmissão da SSL </b> ?
* Divulgação?
* 100% Software Livre!?
* Organização?
</div>
<h1 id="title1">SSL FACED <br/> SSL Irecê</h1><h2 id="title2">III Semana de Software Livre da FACED e <br/>I Semana de Software Livre de Irecê</h2>
<div id="sidebar">
*De <span class="dateColor">22</span> a <span class="dateColor">25</span> de <span class="dateColor">Maio</span>*

<br/>&nbsp;<br/>
III SSL FACED:
<img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/LogoSSLFACED.png" alt="III SSL FACED" />
I SSL Irecê:
<img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/logoSSLIrece.png" alt="logoSSLIrece.png" width='130' height='121' />
Realização:
<a href="http://www.faced.ufba.br"><img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/Faced.gif" alt="Faced - UFBA" width='120' height='60' /></a>
<img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/minigec.png" alt="GEC" width='120' height='67' />
<img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/logo_ponto.png" alt="logo_ponto.png" width='120' height='111' />
Apoio:
<img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/cnpq.jpeg" alt="CNPq" width='124' height='66' />
Cobertura:
<img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/logoradio.png" alt="logoradio.png" width='120' height='70' border="0"/>
<img src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/minilogoradio.png" alt="minilogoradio.png" width='100' height='75' />
Campanha:
<img border="0" width="118" height="122" title="Firefox - Redescubra a web" alt="Firefox" src="http://www.ssl.faced.ufba.br/twiki/pub/SSL/LayoutTemplate/eu_amo_firefox.png" />

</div>

<div id="content">

%TEXT%

</div>
<div id="footer">
Copyright &copy; 2007 - 2024 FACED/UFBA
<br/> Conteúdo licenciado sob Creative Commons by-nc-sa.


Mais Informações...?
<br/><br/>
Editar Anexar Versões Mais...
<br/>
<small>


</small>
</div>
</div>
</body>
</html>

-- DarleneSoares - 01 Aug 2008