Subject: Subject Icons

Posted on: 04/02/13 03:20pm
By: frawo

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

Re: Subject Icons

Posted on: 04/02/13 04:36pm
By: ::Ben

You could try something like:

PHP 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

Sv: Subject Icons

Posted on: 06/02/13 12:14pm
By: frawo

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

Re: Subject Icons

Posted on: 06/02/13 05:27pm
By: ::Ben

In your featuredstorytext.thtml

PHP 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

PHP 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

Sv: Subject Icons

Posted on: 07/02/13 04:51pm
By: frawo

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

Re: Subject Icons

Posted on: 08/02/13 02:15am
By: ::Ben

Yes a closing tag is missing for a div. Try this code for storytext.thtml

PHP 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

Sv: Subject Icons

Posted on: 09/02/13 05:15pm
By: frawo

(&&%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

Re: Subject Icons

Posted on: 09/02/13 10:40pm
By: ::Ben

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

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


or hide counter by removing

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


or add background color

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


and change tiitle font

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


Ben

Re: Subject Icons

Posted on: 11/02/13 02:28pm
By: Anonymous

Hi

How can I move this image to the right side:

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


Like this didn't work:

PHP 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

Re: Subject Icons

Posted on: 12/02/13 03:32am
By: ::Ben

Did you try? Config >> Stories and Trackback >> Topic Icon Alignment

Ben

Sv: Subject Icons

Posted on: 12/02/13 04:01pm
By: frawo

Yes, only working with theme Denim and Pro.


frawo

Re: Subject Icons

Posted on: 13/02/13 03:37am
By: ::Ben

Try to remove the span tag from

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


to

PHP Formatted Code
 {story_anchortag_and_image}


Ben

Sv: Subject Icons

Posted on: 13/02/13 11:05am
By: frawo

Merci

Perfect!

frawo

Geeklog - Forum
https://www.geeklog.net/forum/viewtopic.php?showtopic=94707