Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

HTML+CSS predlozak za wordpress temu

[es] :: Web dizajn i CSS :: HTML+CSS predlozak za wordpress temu

[ Pregleda: 1425 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Miro Spiro
učenik

Član broj: 268301
Poruke: 161
92.36.147.*



+2 Profil

icon HTML+CSS predlozak za wordpress temu22.07.2011. u 09:52 - pre 111 meseci
Pozdrav svima.

Imam jedan problem s kojim se borim vec nekoliko dana.Uzeo sam nekoliko knjiga koje se bave izradom wordpress teme. Napravio dizajn u Photoshopu krenuo da isjećem sve u HTLM to fino radi kako sam zamislio ali me zeza CSS jednostavno nece da mi nista unese ni jedne slike fonta itd.

Znam da se na forumu ne rade domace zadace niti to ocekujem vec me interesuje samo gdje grijesim. Sam CSS nije potpuno tocan jer sam nesto sam pisao a nesto je bilo copy-paste iz knjige ili sa interneta ali bi barem trebao da mi ucita podlogu.

Molim Vas za pomoc


HTML kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Vemi medical software development and publishing 1.0.1</title>

<link href="../style.css" rel="stylesheet" type="text/css" media="screen" />

<head>

<body>
<div id= "container"></div>

<div>

<body>
<html>

<div id="header">
<ul id="nav">
<li><a href="#">Pocetna</a></li>
<li><a href="#">Kontakt</a></li>
</ul>

<h1>Search</h1>
<form action="" method="get">
<p>
Search: <input type="text" name="search" value="" id="search" placeholder="Search" class="rounded" />
</p>
</form>
</header>

<h2><a href="#"><img src="images/particle.jpg" alt="Return to the homepage" /></a></h2>

</div>

</div>
<div id="content">
<div id="main">
<div class="post">
<h3><a href="#">Jake Plays With His New Dog Friends At The Park</a></h3>
<p class="date">18 <span>Jul</span></p>
<ul class="meta">
<li>Posted in <a href="#">Vlog</a></li>
<li class="comments"><a href="#">5 Comments</a></li>
</ul>
<div class="post-content">

</div>
</div>

[...]

<div class="pagination">
<p class="prev"><a href="#">Older posts</a></p>
<p class="next"><a href="#">Newer posts</a></p>
</div>

</div>
<div id="side">
<div id="categories">
<h4>Kategorije</h4>
<ul>
<li><a href="#">kategorija 1</a> 4</li>
<li><a href="#">kategorija 2</a> 3</li>
<li><a href="#">kategorija 3r</a> 2</li>
<li><a href="#">kategorija 4</a> 5</li>
<li><a href="#">kategorija 5</a> 48</li>
<li><a href="#">kateogrija 6r</a> 2</li>
<li><a href="#">kategorija 7</a> 2</li>
<li><a href="#">kategorija 8</a> 2</li>
</ul>
</div>

</div>
<div id="side">
<div id="latest-posts">
<h5>Postovi</h5>
<ul>
<li><a href="#">Post 1</a></li>
<li><a href="#">Post 2</a></li>
<li><a href="#">Post 3</a></li>
<li><a href="#">Post 4</a></li>
<li><a href="#">Post 5</a></li>
</ul>
</div>

</div>
<div id="footer">
<div id="credits"><span class="right">Powered by <a href="http://www.wordpress.org">WordPress</a>
</div>



CSS kod

body, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
margin: 0; padding: 0; border: 0;
}

body {
font-family: Helvetica, Arial, Sans-Serif; line-height: 24px;
background: #eee url(images/body-bg.jpg) center top no-repeat;
}

#container {
width: 925px; margin: 0 auto; padding: 143px 0 0 0;
}

#header h1 {
float: left;
}


#header ul#categories {
float: right; list-style: none; margin: 16px 0 0 0;
}
#header ul#categories li {
float: left; margin: 0 0 0 40px;
}
#header ul#categories li a {
display: block;
font-size: 14px; font-weight: bold; text-transform: uppercase; color: #a42988;
text-shadow: 0 2px 0px #fff; text-decoration: none;
}
#header ul#categories li a:hover {
color: #006ab1;
}
#header ul#categories {
float: right; list-style: none; margin: 16px 0 0 0;
}
#header ul#categories li {
float: left; margin: 0 0 0 40px;
}
#header ul#categories li a {
display: block;
font-size: 14px; font-weight: bold; text-transform: uppercase; color: #a42988;
text-shadow: 0 2px 0px #fff; text-decoration: none;
}
#header ul#categories li a:hover {
color: #006ab1;
}
#content {
background: url(images/content-bg.png) right top repeat-y; overflow: hidden;
}

#content a {
font-weight: bold; text-transform: uppercase; color: #a42988;
text-shadow: 0 2px 0px #fff; text-decoration: none;
}
#content a:hover {
color: #006ab1;
}

#content #main {
width: 685px; float: left; padding: 55px 0 0 0;
}
#content #main h2 {
margin: 0 0 16px 0;
}

#content #main p {
margin: 0 0 25px 0; color: #474747; font-size: 15px;
}
#content #main .post {
background: url(images/post-divider.png) right bottom no-repeat;
padding: 0 47px 55px 0; margin: 0 0 55px 0;
overflow: hidden;
}
#content #main .post .date {
width: 62px; height: 57px; float: left; padding: 15px 0 0 0; margin: 0 20px 0 0;
background: #0085cc url(images/date-bg.jpg);
text-align: center;
}
#content #main .post .date p {
font-size: 40px; font-weight: bold; color: #fff;
text-shadow: 0 2px 3px #006ab1;
}
#content #main .post .date p span {
margin: 5px 0 0 0;
display: block; font-size: 17px; font-weight: normal; text-transform: uppercase;
}
#content #main .post .post-content {
width: 556px; float: left;
}
#content #main .post .post-content ul.post-meta {
width: 515px; height: 21px; list-style: none; padding: 14px 20px;
background: #d6d6d6 url(images/meta-bg.jpg);
}
#content #main .post .post-content ul.post-meta li {
float: left; margin: 0 40px 0 0;
font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; text-shadow: 0px 2px 3px #b8b8b8;
}
#content #main .post .post-content ul.post-meta li.read-more {
float: right; margin: 0 0 0 0;
}
#content #main .post .post-content ul.post-meta li a {
color: #fff; text-shadow: 0px 2px 3px #b8b8b8;
}
#content #main .post .post-content ul.post-meta li a:hover {
color: #eee;
}
#content #side {
width: 200px; float: left; padding: 5px 20px;
}

#content #side p#subscribe a {
display: block; height: 30px; font-size: 20px; color: #fff; padding: 7px 0 0 45px; margin: 0 0 15px 0;
text-shadow: 0px 2px 3px #b8b8b8;
background: url(images/rss-icon.png) left no-repeat;
}
#content #side p#subscribe a:hover {
color: #eee;
}

#content #side ul#pages {
list-style: none; margin: 0 0 30px 0;
}
#content #side ul#pages li {
margin: 0 0 5px 0;
}
#content #side ul#pages li a {
display: block; width: 157px; height: 23px; padding: 12px 20px; text-align: center;
background: #eee url(images/sidebar-btn.png);
}
#content #side h3 {
font-size: 20px; text-transform: uppercase; color: #fff; margin: 0 0 5px 0;
text-shadow: 0px 2px 3px #b8b8b8;

#content #side form#search {
margin: 0 0 30px 0;
}
#content #side form#search input.search-bar {
width: 135px; height: 43px; padding: 1px 45px 0 15px; float: left;
background: #eee url(images/search-bar.png);
font-size: 15px; color: #474747;
}
#content #side form#search input.search-btn {
width: 27px; height: 27px; float: right; margin: -36px 15px 0 0; cursor: pointer;
background: url(images/search-btn.png); text-indent: -9999px; padding: 0 0 0 27px;
}
#footer {
background: url(images/footer-bg.png) center top no-repeat; overflow: hidden;
min-height: 139px;



Unaprijed hvala
 
Odgovor na temu

Zlatni_bg
Nikola S
Beograd

Član broj: 65708
Poruke: 4184
*.dynamic.sbb.rs.



+471 Profil

icon Re: HTML+CSS predlozak za wordpress temu23.07.2011. u 00:12 - pre 111 meseci
Mislim da nisi lepo linkovao CSS fajl. Ja ga include-ujem preko PHP-a. znaci, dodas u php fajlu:

Code:
<?php
include("stil.css");
?>


Onda, pre starta CSS fajla, moras da uneses: <style = "css/text">, A na kraju </style>.
Moguce da ti zato ne radi. Nisam bas pro u HTML-u, ali ovako ja odradim stvar :)

THE ONLY EASY DAY WAS YESTERDAY
 
Odgovor na temu

Miro Spiro
učenik

Član broj: 268301
Poruke: 161
92.36.169.*



+2 Profil

icon Re: HTML+CSS predlozak za wordpress temu23.07.2011. u 11:42 - pre 111 meseci
Izvini Avrame ja sam se zeznuo pa sam u PHP stavio temu .

Uglavnom sredio sam stvar nisam linkao style.css u HTML-u


Jos jednom hvala
 
Odgovor na temu

Miro Spiro
učenik

Član broj: 268301
Poruke: 161
*.pppoe16461.bih.net.ba.



+2 Profil

icon Re: HTML+CSS predlozak za wordpress temu08.09.2011. u 10:38 - pre 110 meseci
Pozdrav svima opet.Posto radim tj" vjezbam razvoj teme za wordpress nasao sam dosta dobar clana na ovoj adresi http://designreviver.com/tutor...wordpress-theme-files/.Problem je sljedeci .Cim napravim css fajl odmah na pocetku testiranja u browseru sam RSS mi pobjegne sasvim desno na sredinu kao i to da zelena podloga se nalazi ispod njega cijelom duzinom koju ona obuhvata.Probavao sam u firefoksu i, chromu i internet exploreru i desava se sljedece u firefoksu i chromu sve je kao na slici ali je RSS pomaknuto i to sa podlogom dok u internet exploreru sve je centirano ali središnji dio html-a gdje je post i bocni dio sa temama itd je razvucen desno i lijevo .

Gledao sam html i Css kod i ne znam u cemu grijesim i da li uopce grijesim.



Unaprijed hvala na pomoci.
 
Odgovor na temu

[es] :: Web dizajn i CSS :: HTML+CSS predlozak za wordpress temu

[ Pregleda: 1425 | Odgovora: 4 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.