WordPress

Witaj Gościu ( Zaloguj | Rejestruj )

Każdy temat założony w ewidentnie złym dziale będzie usuwany! Proszę czytać opisy działów i regulamin!

> Uwaga!

Jeśli opisujesz problem ze skórką - podaj link do downloadu - nie każdy ma tą skórkę co Ty ;)

 
Reply to this topicStart new topic
> Dodatkowa kolumna , Problem (CSS?), zmodyfikowany ygoent-10
vCore
post 22.9.2007 - 03:08
Post #1


aktywność:
*

Grupa: Bloger
Postów: 4

Nr: 3 046



Czesć
Raczej mało sie znam na CSS i php ale potrzebuje dodac w themie trzecią kolumne (po lewej stronie kolumny z postami) , nie chce mi sie kombinowac z funkcjami bo to przerasta moje mozliwosci (chcialem zrobic dodatkowa funkcje get_leftbar() ) wiec wstrzyknąłem kod tej kolumny do pliku index.php , po modyfikacji wygląda on tak:

CODE
<?php get_header(); ?>

<div id="wrapper">
<div id="content" class="leftcol">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h3>
<div class="details"><?php the_category(', ') ?> - <?php comments_popup_link('No Comments ?', '1 Comment ?', '% Comments ?'); ?> - Posted on <?php the_time('F, j') ?> at <?php the_time('g:i a') ?></div>
<?php the_content('Read the rest of this entry ?'); ?>
<?php endwhile; ?>
<div class="navigation">
<span class="previous-entries"><?php next_posts_link('Previous Entries') ?></span> <span class="next-entries"><?php previous_posts_link('Next Entries') ?></span>
</div>
<?php else : ?>
<h2 class="center">Not Found</h2>
<p class="center">Sorry, but you are looking for something that isn't here.</p>
<?php endif; ?>
</div>


<?php get_sidebar(); ?>
<div id="sidebar2" class="leftbar">
<ul>
<li>
<h3><?php _e('Pages'); ?></h3>
<ul>
<a href="http://vcore.twilightparadox.com/">Home</a>
</ul>
<ul>
<a href="http://vcore.boo.pl/?page_id=11">About Me</a>
</ul>
</li>

<li>
<h3><?php _e('Categories'); ?></h3>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
</ul>
</li>
<li>
<h3 onclick="containerHeight3.toggle();" style="cursor:hand;cursor:pointer;">Recent Enteries</h1>
<ul>
<?php query_posts('showposts=5'); ?>

<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php _e('Permanent link to'); ?> <?php the_title(); ?>"><?php the_title(); ?></a> - <?php the_time('m-d-Y') ?></small></li>
<?php endwhile;?>

</ul>
</li>


<li>
<h3>Recent Comments</h1>
<ul>
<?php include (TEMPLATEPATH . '/simple_recent_comments.php');?>
<?php if (function_exists('src_simple_recent_comments')) { src_simple_recent_comments(5, 60, '', ''); } ?>
</ul>
</li>

<li>
<h3><?php _e('Archives'); ?></h3>
<ul>
<?php wp_get_archives('type=monthly'); ?>
</ul>
</li>
<a href="http://feeds.feedburner.com/ansishit" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" style="border:0"/></a><a href="http://feeds.feedburner.com/ansishit" title="Subscribe to my feed" rel="alternate" type="application/rss+xml">Subscribe in a reader</a>
</li>
<li>
<h3><?php _e('Links'); ?></h3>
<ul>
</li>
<p><a href="http://feeds.feedburner.com/ansishit" rel="alternate" type="application/rss+xml"><img src="http://img514.imageshack.us/img514/1118/subscribepr5.gif" alt="" style="vertical-align:middle;border:0"/></a> <a href="http://feeds.feedburner.com/ansishit" rel="alternate" type="application/rss+xml">Subscribe in a reader</a></p>
<script type="text/javascript"><!--
google_ad_client = "pub-0374489662947580";
google_ad_width = 125;
google_ad_height = 125;
google_ad_format = "125x125_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "000000";
google_color_bg = "000000";
google_color_link = "00FF00";
google_color_text = "FF00FF";
google_color_url = "FFFF00";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>


<?php get_footer(); ?>

Próbowałem umiescic kod leftbar takze pod funkcja get_header() ale dawało to podobne efekty sad.gif
A kawalek stylu który odpowiada za leftbar wygląda tak:

KOD
.leftbar { width: 20%; float: right; margin: 0 15px; text-align: right; }
.leftbar ul { margin: 0 0 0 6px; padding: 0; line-height: 1.5em;  }
.leftbar li { padding-bottom: 0px; font: normal 12px "Lucida Console", Lucida Console, "Lucida Console", Georgia, Sans-Serif;list-style:none;}
.leftbar h3 { font-size: 13px; padding: 5px 10px; margin-top: 20px; }
.leftbar ul ul{list-style-type: square;}
.leftbar ul ul li{list-style-type: square;line-height: 1.8em;}

#content2 h3{background-color: #000;}
#sidebar2 h3{background: #ccc url(images/portfolio_h4_bgd.gif) repeat-x;}
#sidebar2 a:link { color: #FFFF00;}
#sidebar2 a:visited { color: #FF00FF;text-decoration:none; border-bottom-color: #00FFFF;}


Problemem tu jest to ze kolumna nie chce przejść na lewa strone ... albo znajduje sie nad wszystkim albo pod sidebarem ( w zaleznosci od orientacji right lub left) nie znam CSS zbyt dobrze dlatego chciałem zapytac czy moze umieszczam kod leftbar w złym miejscu czy w stylu jest cos nietak..

Tutaj do sciagniecia ta skorka wraz z plikiem leftbar.php jest to modyfikacja (prawie 100%) skorki ygoent-10

http://vcore.boo.pl/ygoent-10.rar

Tak to wygląda po umieszczeniu kodu leftbar w index.php pod funkcją get_header() :



Jak widać dodatkowo znika stopka sad.gif

Ten post edytował b4it 22.9.2007 - 12:17
Powód edycji: Dadany codebox
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



Wersja Lo-Fi Aktualny czas: 7 01 09 - 18:30
WebFan | Forum Komputerowe | Spotkania blogerów