Status: offline

frawo

Forum User
Junior
Registered: 10/09/02
Posts: 29
Hi

My Subject Icons; some problems:

www.faunogfiskarlaget.net

They are over/under txt and pictures in stories, if this is css, could someone point me the correct place to fix this?

frawo

sorry, put in wrong forum
...what, me?

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
You could try something like:

Text Formatted Code
<div style="margin-bottom:80px;">

  <span class="story_image"><a rel="category" href="http://www.faunogfiskarlaget.net/index.php?topic=fiske"><img title="Våre fisketurer" alt="Våre fisketurer" class="floatright" src="http://www.faunogfiskarlaget.net/images/icons/FISHING.gif" style="margin-bottom: 20px;"></a></span>

  <ul class="status">
    <li>søndag, oktober 07 2012 @ 09:42  CEST</li>
    <li>
      <dl>
        <dt>Gitt av:</dt>
        <dd><a rel="author" href="http://www.faunogfiskarlaget.net/users.php?mode=profile&amp;uid=4" class="storybyline">faun_NR1</a></dd>
      </dl>
    </li>
    <li>
     <dl>
        <dt>Visninger</dt>
        <dd>92</dd>
      </dl>
    </li>
  </ul>

</div>

Ben
I'm available to customise your themes or plugins for your Geeklog CMS

Status: offline

frawo

Forum User
Junior
Registered: 10/09/02
Posts: 29
Is it in
storytext.thtml og featuredstorytext.thtml
i should change from:

<div style="clear:both"></div>

to

<div style="margin-bottom:80px;">

And from

<span class="story_image">{story_anchortag_and_image}</span>

to

<span class="story_image" style="margin-bottom: 20px;">{story_anchortag_and_image}</span>


Or??


Frank
...what, me?

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
In your featuredstorytext.thtml

Text Formatted Code

<!-- featuredstorytext.thtml { -->

<div class="featuredstorytext">
  <h2>{start_storylink_anchortag}{story_title}{end_storylink_anchortag}</h2>

  <ul class="icon">
    <li>{email_icon}</li>
    <li>{print_icon}</li>
    <li>{edit_icon}</li>
  </ul>

  <div style="clear:both"></div>
<div style="margin-bottom:80px;">
  <span class="story_image">{story_anchortag_and_image}</span>

  <ul class="status">
    <li>{story_date}</li>
    <li>
      <dl>
        <dt>{lang_contributed_by}</dt>
        <dd>{start_contributedby_anchortag}{contributedby_author}{end_contributedby_anchortag}</dd>
      </dl>
    </li>
    <li>
     <dl>
        <dt>{lang_views}</dt>
        <dd>{story_hits}</dd>
      </dl>
    </li>
  </ul>
</div>
  <div style="clear:both"></div>

  <div class="story_introtext">
    {story_text_no_br}
  </div>

  <ul class="navi">
    <li>{page_selector}</li>
    <li>{readmore_link}</li>
    <li>{post_comment_link}</li>
  </ul>

  <ul class="feedback">
    <li>{plugin_itemdisplay}</li>
    <li>{comments_with_count}</li>
    <li>{trackbacks_with_count}</li>
  </ul>
</div>

<!-- } featuredstorytext.thtml -->
 


and in your storytext.thtml

Text Formatted Code

<!-- storytext.thtml { -->

<div class="storytext">
  <h2>{start_storylink_anchortag}{story_title}{end_storylink_anchortag}</h2>

  <ul class="icon">
    <li>{email_icon}</li>
    <li>{print_icon}</li>
    <li>{edit_icon}</li>
  </ul>

  <div style="clear:both"></div>
<div style="margin-bottom:80px;"
  <span class="story_image">{story_anchortag_and_image}</span>

  <ul class="status">
    <li>{story_date}</li>
    <li>
      <dl>
        <dt>{lang_contributed_by}</dt>
        <dd>{start_contributedby_anchortag}{contributedby_author}{end_contributedby_anchortag}</dd>
      </dl>
    </li>
    <li>
     <dl>
        <dt>{lang_views}</dt>
        <dd>{story_hits}</dd>
      </dl>
    </li>
  </ul>
</div>
  <div style="clear:both"></div>

  <div class="story_introtext">
    {story_text_no_br}
  </div>

  <ul class="navi">
    <li>{page_selector}</li>
    <li>{readmore_link}</li>
    <li>{post_comment_link}</li>
  </ul>

  <ul class="feedback">
    <li>{plugin_itemdisplay}</li>
    <li>{comments_with_count}</li>
    <li>{trackbacks_with_count}</li>
  </ul>
</div>

<!-- } storytext.thtml -->
 


must be enough.

Ben
I'm available to customise your themes or plugins for your Geeklog CMS

Status: offline

frawo

Forum User
Junior
Registered: 10/09/02
Posts: 29
must be enough.

Ben


Almost Smile
Some articles/stories have the Icon correct (on right side, under print icon), some on the left side...

But thanks anyway.

frawo
...what, me?

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Yes a closing tag is missing for a div. Try this code for storytext.thtml

Text Formatted Code
<!-- storytext.thtml { -->

<div class="storytext">
  <h2>{start_storylink_anchortag}{story_title}{end_storylink_anchortag}</h2>

  <ul class="icon">
    <li>{email_icon}</li>
    <li>{print_icon}</li>
    <li>{edit_icon}</li>
  </ul>

  <div style="clear:both"></div>
<div style="margin-bottom:80px;">
  <span class="story_image">{story_anchortag_and_image}</span>

  <ul class="status">
    <li>{story_date}</li>
    <li>
      <dl>
        <dt>{lang_contributed_by}</dt>
        <dd>{start_contributedby_anchortag}{contributedby_author}{end_contributedby_anchortag}</dd>
      </dl>
    </li>
    <li>
     <dl>
        <dt>{lang_views}</dt>
        <dd>{story_hits}</dd>
      </dl>
    </li>
  </ul>
</div>
  <div style="clear:both"></div>

  <div class="story_introtext">
    {story_text_no_br}
  </div>

  <ul class="navi">
    <li>{page_selector}</li>
    <li>{readmore_link}</li>
    <li>{post_comment_link}</li>
  </ul>

  <ul class="feedback">
    <li>{plugin_itemdisplay}</li>
    <li>{comments_with_count}</li>
    <li>{trackbacks_with_count}</li>
  </ul>
</div>

<!-- } storytext.thtml -->


Ben
I'm available to customise your themes or plugins for your Geeklog CMS

Status: offline

frawo

Forum User
Junior
Registered: 10/09/02
Posts: 29
(&&%9) Pardon my French...


This was the missing closing div tag:

<div style="margin-bottom:80px;">


If I close it. all Icons are on left side,

If I leave it open, all stories have the Icon on right side, except the first one. I can live with that...

...merci

frawo
...what, me?

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Your first story is a featured story, so the render is made from the featuredstorytext.thtml file. Like this you can completely change the look of the fetaured story if you want.

You can hide icons by removing

Text Formatted Code
<ul class="icon">
    <li>{email_icon}</li>
    <li>{print_icon}</li>
    <li>{edit_icon}</li>
  </ul>


or hide counter by removing

Text Formatted Code
<li>
     <dl>
        <dt>{lang_views}</dt>
        <dd>{story_hits}</dd>
      </dl>
    </li>


or add background color

Text Formatted Code
<div class="featuredstorytext" style="background:#DDD; padding:25px;">


and change tiitle font

Text Formatted Code
<h2 style="font-size:x-large; font-weight:bold"">


Ben
I'm available to customise your themes or plugins for your Geeklog CMS

frawo

Anonymous
Hi

How can I move this image to the right side:

Text Formatted Code
<span class="story_image">{story_anchortag_and_image}</span>


Like this didn't work:

Text Formatted Code
<span class="story_image";"floatright">{story_anchortag_and_image}</span>



(from featuredstorytext.thtml and storytext.thtml)

After 11 years , still no understanding of coding Smile

frawo

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Did you try? Config >> Stories and Trackback >> Topic Icon Alignment

Ben
I'm available to customise your themes or plugins for your Geeklog CMS

Status: offline

frawo

Forum User
Junior
Registered: 10/09/02
Posts: 29
Yes, only working with theme Denim and Pro.


frawo
...what, me?

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Try to remove the span tag from

Text Formatted Code
 <span class="story_image">{story_anchortag_and_image}</span>


to

Text Formatted Code
 {story_anchortag_and_image}


Ben
I'm available to customise your themes or plugins for your Geeklog CMS

Status: offline

frawo

Forum User
Junior
Registered: 10/09/02
Posts: 29
Merci

Perfect!

frawo
...what, me?