Temat: Nie działają własne style CSS
tak,
http://www...
Nazwę pliku index.php celowo zmieniłem dziś rano do czasu aż do końca będzie gotowy Modx - ponieważ pod tym adresem do tej pory był (i jeszcze jest) statyczny serwis postawiony i zarządzany w Dreamwearze CS5.5. I póki nie ma jeszcze gotowego Modx-a, to ten statyczny serwis musi jeszcze być.
Menu na razie też jest statyczne, bo jeszcze w Wayfinderze nie umiem zrobić takiego jak tam jest :):)
Nazwa pliku css to redago.css (ścieżka: assets/redago.css).
Poniżej kod szablonu
-----------------
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>[*doctitle*]</title>
<link href="assets/redago.css" rel="stylesheet" type="text/css" />
<style type="text/css">
* {margin:0;padding:0;}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html, body {height: 100%;}
#at-wrap {
min-height: 100%;
background-image: url(images/main_bg.png);
background-repeat: repeat-x;
background-position: left top;
background-color: #f7f6f2;
}
#at-main {overflow:auto;
padding-bottom: 200px;} /* must be same height as the footer */
#at-footer {
position: relative;
margin-top: -200px; /* negative value of footer height */
height: 200px;
clear:both;
background-image: url(images/fbg_bg.png);
}
.at-header {
height: 150px;
width: 100%;
margin-top: 0px;
background-image: url(images/center_bg.jpg);
background-repeat: no-repeat;
background-position: center center;
}
/*Opera Fix*/
body:before {/* AUTOR*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* IMPORTANT
You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.
*/
<!--[if !IE 7]>
<style type="text/css">
#at_wrap {display:table;height:100%}
</style>
<![endif]-->
</style>
<link href="assets/templates/inga1/at-layout.css" rel="stylesheet" type="text/css" />
<link href="assets/templates/inga1/redago.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="assets/templates/inga1/cssmenutools/scripts/menu-top.css" type="text/css" />
<link href="assets/templates/inga1/linki.css" rel="stylesheet" type="text/css" />
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-------------------------------TERAZ TREŚĆ---->
<!-------Poniższy div to GŁÓWNY KONTENER (at-wrap).
Wstaw go zaraz za <body>. Cała zawartosć strony będzie w tym divie--->
<div id="at-wrap">
<div id="at-main">
<!---------------TUTAJ wklej zawartość strony--->
<div class="at-header">
<div class="at-header_in_header">
<div class="at-div-menu">
<div id="MTHMEdQeMMCDiv" class="MTHMEdQeMMCwrapper">
<div id="MTHMEdQeMMCTop" class="MTHMEdQeMMCtop">
<ul>
<li class="MTHMEdQeMMCitem1" style="margin-left:0px"><a href="http://www.ingaszaniawska.pl"><span>Home</span></a></li>
<li class="MTHMEdQeMMCitem1"><a href="http://www.ingaszaniawska.pl/index.php?id=2"><span>Korzyści z CSR</span></a></li>
<li class="MTHMEdQeMMCitem1"><a href="http://www.ingaszaniawska.pl/index.php?id=3"><span>Oferta</span></a></li>
<li class="MTHMEdQeMMCitem1"><a href="http://www.ingaszaniawska.pl/index.php?id=4"><span>Projekty</span></a></li>
<li class="MTHMEdQeMMCitem1"><a href="http://www.ingaszaniawska.pl/index.php?id=5"><span>Publikacje</span></a></li>
<li class="MTHMEdQeMMCitem1"><a href="http://www.ingaszaniawska.pl/index.php?id=6"><span>Kontakt</span></a></li>
</ul>
</div>
<script type="text/javascript" src="assets/templates/inga1/cssmenutools/scripts/menu-top.js">/* MTHMMenu script ID:MTHMEdQeMMC */</script><br style="clear:both" />
</div>
</div>
<div class="at-div-logo"><a href="http://www.ingaszaniawska.pl"><img src="assets/templates/inga1/images/logo-is.png" width="180" height="40" border="0" /></a></div>
</div>
</div>
<div class="at-breadcrumbs">
[[Breadcrumbs]]
</div>
<div class="at-content">
<div class="at-box-left">
<p class="Naglowek-black">Kontakt</p>
<p class="Tekst-1-kreska">Inga Szaniawska</p>
<p class="Tekst-1-kreska">Tel.: (+48) 601 54 06 11</p>
<p class="Tekst-1-kreska">e-mail: <a href="mailto:i.szaniawska@wp.pl">i.szaniawska@wp.pl</a></p>
<p class="Tekst-1-kreska">Skype: <a href="callto://ing_joanna">ing_joanna</a></p>
<p class="Tekst-1"> </p>
</div>
<div class="at-box-right">
[*content*]
<p class="Tekst-1"> </p>
<p class="Tekst-1"> </p>
</div>
<p> </p></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<p> </p>
</div> <!--------KONIEC DIVa GŁÓWNEGO KONTENERA (at-wrap)----->
<!----------------PONIŻSZY DIV TO STOPKA--->
<div id="at-footer">
<div class="at-stopka-kontener-1">
<div class="at-stopka-KOLUMNY">
<div class="at-stopka-kolumna-1">
<p class="at-stopka-naglowek-1">CSR to dla mnie:</p>
<p><img src="images/gal1.jpg" width="69" height="69" class="at-stopka-tekst" /> <img src="images/gal2.jpg" width="69" height="69" class="at-stopka-tekst" /> <img src="images/gal3.jpg" width="69" height="69" class="at-stopka-tekst" /><br />
<img src="images/gal4.jpg" width="69" height="69" class="at-stopka-tekst" /> <img src="images/gal5.jpg" width="69" height="69" class="at-stopka-tekst" /> <img src="images/gal6.jpg" width="69" height="69" class="at-stopka-tekst" /></p>
</div>
<div class="at-stopka-kolumna-2">
<p class="at-stopka-naglowek-1">Projekty</p>
<p class="at-stopka-tekst">Obecnie realizowane projekty:</p>
<p class="at-stopka-tekst">Legacies of Women - PR/CSR</p>
<p class="at-stopka-tekst">Raportowanie społeczne Auchan - CSR</p>
<p class="at-stopka-tekst">CSR Impact</p>
<p class="at-stopka-tekst">The Fifth ISBEE World Congress 2012</p>
</div>
<div class="at-stopka-kolumna-3">
<p class="at-stopka-naglowek-1">Kontakt</p>
<p class="at-stopka-tekst">Inga Szaniawska</p>
<p class="at-stopka-tekst"> Tel.: (+48) 601 54 06 11</p>
<p class="at-stopka-tekst">e-mail: i.szaniawska@wp.pl</p>
<p class="at-stopka-tekst">Skype: ing_joanna</p>
<p> </p>
</div>
<p> </p>
</div>
</div>
</div>
</body>
</html>
Adrian T. edytował(a) ten post dnia 30.01.13 o godzinie 13:07