reklama medzi postarea a sidebar

[MarkyMark9]

Zdravím,

potrebujem umiestniť etarget reklamu do voľného stĺpca, ktorý vznikol v strede stránky medzi sidebarom a postarea roztiahnutím témy v súbore style.css z pôvodných 800px na 970px.

Vie mi niekto múdry poradiť kam mám vložiť etarget kód, aby sa reklama zobrazovala v tomto prázdnom stĺpci?

Za každú odpoveď vopred díky.

[sokrates4612]

Obávam sa, že takto naslepo to dokáže iba kúzelník. :)
Takže nikto. :)

Nutne na to potrebujeme poznať presný kód šablóny. Najlepšie, keď napíšeš o aký web sa jedná a na akej šablóne beží. Bez toho, aby sme presne poznali akú tému používaš, je nemožné ti pomôcť.

[Savione]

Píšeš, že si zväčšil šírku stránky z 800 na 970 pixelov. K tomu aby si mohol umiestniť na vzniknuté miesto reklamu si potrebuješ tento nový priestor zadefinovať v css súbore. Potom umiestniš kód etarget v štýle stĺpca do kódu stránky, kde ho chceš mať.

Bude to vyzerať nejak takto:

v style.css pridáš:

#sidebar_etarget {
...
width:170px;
...
}

v šablóne stránky (napr. page.php) umiestniš tento kód pred/za sidebar:

<div id="sidebar_etarget">
...
ETARGET KÓD
...
</div>

Ale bez bližších informácií, ako píše niesom, ti presný kód napíše iba kúzelník :)

[MarkyMark9]

niesom: šablóna má názov Wonderland, a dá sa nájsť tu:
http://www.templatesbrowser.com/wordpress-themes/8.html

Slavione: skúšal som to, žiaľ nefunguje to korektne, díky za ochotu.

snáď pomôže toto:

style.css :


body {
background: #7D8D97 url("images/body.jpg") top center;
background-repeat: no-repeat;
color: #000000;
font-size: 9pt;
font-family: Arial, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}

/* Structure Divs */
#content {
background: #FFFFFF;
margin: 0 auto;
padding: 0;
width: 970px;
}

#header {
background: #FFFFFF url(images/header.png) no-repeat;
height: 200px;
margin: 0;
padding: 0;
}

#pages {
background: #222222;
color: #FFFFFF;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 9pt;
font-weight: bold;
margin: 0;
padding: 8px 0 8px 20px;
}

#postarea {
float: left;
margin: 0;
padding: 0 0 20px 20px;
width: 570px;
}

#sidebar {
float: right;
font-size: 9pt;
line-height: 15pt;
margin: 0;
padding: 0 20px;
width: 170px;
}

#footer {
background: #101010;
color: #666666;
font-family: verdana;
font-size: 9pt;
margin: 0;
padding: 5px 0 5px 0;
text-align: center;
}


/* Config Structure Divs */

/* Pages */
#pages li {
display: inline;
list-style-type: none;
}

#pages ul, ol {
margin: 0;
padding: 0;
}

#pages a {
color: #FFFFFF;
font-weight: bold;
margin: 0;
padding: 6px 10px;
}

#pages a:hover {
color: #00528E;
font-weight: bold;
text-decoration: none;
}

/* Postarea */
#postarea p, #postarea ul, #postarea ol {
font-size: 8pt;
font-family: Arial, Helvetica, Sans-Serif;
line-height: 12pt;
padding: 0px 0px 15px 0px;
}

#postbody {
margin: 0;
padding: 15px 0px 0px 0px;
}

#postarea ul {
list-style-type: circle;
margin: 0 0 0 30px;
padding: 0;
}

#postarea li {
margin: 0;
padding: 0;
}

#postarea h2, #postarea h2 a {
color: #006AA5;
font-family: Trebuchet MS, Helvetica, Sans-Serif;
font-size: 12pt;
margin: 20px 0 0 0;
padding: 0px;
text-decoration: none;
}

#postarea h2 a:hover {
color: #333333;
}

#postarea h3 {
color: #9999FF;
font-size: 10pt;
font-weight: normal;
margin: 0;
padding: 20px 0 5px 0;
}

#postarea small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.feedback {
color: #333333;
font-size: 12px;
margin: 0;
padding: 0 20px;
text-align: center;
}

/* postentry */
.postentry {
margin: 0;
padding: 0;
}

/* Comments */
#commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}

#commentlist li {
margin: 10px 0;
padding: 5px 10px;
}

#commentlist p {
margin: 0;
padding: 0;
}

#commentlist small {
font-size: 11px;
}

.class_comment1 { background: #E9E9EA; border: 1px solid #E0DEDE; }
.class_comment2 { background: #F4F3F3; border: 1px solid #E0DEDE; }

#comments, #postcomment {
color: #333333;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px !important;
font-weight: bold;
margin: 40px 0 10px 10px;
}

#commentform {
background: #F5F5F5;
color: #333333;
font-family: Arial, Helvetica, Sans-Serif;
border: 1px solid #CCCCCC;
padding: 5px 20px;
}

#commentform input{
background: #FFFFFF;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8.5pt;
color: #333333;
padding: 1px;
}

#commentform textarea {
background: #FFFFFF;
border: 1px solid #CCCCCC;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8.5pt;
color: #333333;
padding: 1px;
}
#commentform input:focus, #commentform textarea:focus {
background: #FFFFFF;
}

/* Sidebar */
#sidebar h3 {
color: #006AA5;
font-family: Trebuchet MS, Helvetica, Sans-Serif;
font-size: 12pt;
border-bottom: 1px solid #CCCCCC;
margin: 0;
padding: 0;
}

#sidebar ul, #sidebar ol {
list-style: none;
margin: 0;
padding: 5px;
}

#sidebar li, #sidebar li:hover {
margin: 0;
padding: 0;
}

#sidebar a {
color: #333333;
font-family: Arial, Helvetica, Sans-Serif;
font-weight: bold;
text-decoration: none;
}

#sidebar a:hover {
color: #000000;
font-weight: bold;
text-decoration: none;
}

#sidebar div {
margin: 20px 0;
padding: 0;
}

/* Footer */
#footer a {
color: #00528E;
text-decoration: none;
}

#footer a:hover {
color: #00528E;
text-decoration: underline;
}

#footer p {
color: #FFFFFF;
margin: 0;
padding: 0;
}

/* General */
a {
color: #02346F;
text-decoration: none;
}

a:hover {
color: #000000;
}

acronym, abbr, span.caps {
cursor: help;
border-bottom: 1px solid #000000;
}

blockquote {
padding: 5px 20px 30px 20px;
margin: 5px;
}

cite {
text-decoration: none;
}

code {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 8.5pt;
}

img {
border: 0;
}

h4 {
color: #555555;
}

/* Float and Clear */
div.floatleft {
float: left;
}

div.floatright {
float: right;
}

div.both {
clear: both;
}

/* Images align */
img.border {
border: 1px solid #CCCCCC;
padding: 5px;
margin: 0;
}

img.border:hover {
background: #CCCCCC;
}

img.center {
display: block;
margin: auto;
}

img.alignright {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

/* Text align */
.center {
text-align: center;
}

.alignright {
text-align: right;
}

.alignleft {
text-align: left;
}

index.php:


<?php get_header(); ?>

<div id="block">

<div id="postarea">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="postentry">
<h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
<small><?php the_time('F j, Y'); ?> | <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?><?php edit_post_link('Edit', ' — ', ''); ?></small>

<div id="postbody">
<?php the_content("Continue reading ".the_title('', '', false)."..."); ?></div>

<div class="feedback"><?php link_pages('<p><strong>Pages:</strong> ', '</p>', 'number'); ?></div>

<!--
<?php trackback_rdf(); ?>
-->

</div>

<?php comments_template(); // Get wp-comments.php template ?>

<?php endwhile; else: ?>
<h2 class="center">Not Found</h2>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

<?php posts_nav_link(' — ', __('&laquo; Previous Page'), __('Next Page &raquo;')); ?>
</div>

<?php get_footer(); ?>

page.php :


<?php get_header(); ?>

<div id="block">
<div id="postarea">

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<div class="postentry">
<h2 id="post-<?php the_ID(); ?>"><?php the_title(); ?></h2>
<div id="postbody">
<?php the_content("Continue reading ".the_title('', '', false)."..."); ?></div>
<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
<?php link_pages('<p><strong>Pages:</strong> ', '</p>', 'number'); ?>
</div>
<?php comments_template();?>
</div>
<?php endwhile; endif; ?>

<?php get_footer(); ?>

[sokrates4612]

Technicky je návod, ktorý ti napísal Savione, správny. Napíš ako si ho aplikoval - možno si niekde spravil chybu. Všimol som si, že sidebar sa v tej téme ťahá až vo footeri, takže to:

<div id="sidebar_etarget">
...
ETARGET KÓD
...
</div>
Skús vložiť až tam.

Ostatné bude už len otázkou dobrého vyladenia všetkých CSS parametrov (čo môže znamenať aj zásah do ostatných identifikátorov/tried), ale to myslím presahuje možnosti tohoto fóra. Snažíme sa tu radiť, ale nie je v našich silách doťahovať do konca konkrétne špecifické riešenia.

[MarkyMark9]

Tak na koniec som to rozchodil podľa toho čo napísal Savione. Musel som ale ešte upraviť hodnotu padding v style.css. Obidvom Vám ďakujem za pomoc.