Welcome to Geeklog, Anonymous Thursday, March 28 2024 @ 05:20 am EDT

Geeklog Forums

Subject Icons


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?
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
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
 Quote

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?
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
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
 Quote

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?
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
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
 Quote

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?
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
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
 Quote

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
 Quote

Status: offline

::Ben

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

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

Status: offline

frawo

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


frawo
...what, me?
 Quote

Status: offline

::Ben

Forum User
Full Member
Registered: 01/14/05
Posts: 1569
Location:la rochelle, France
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
 Quote

Status: offline

frawo

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

Perfect!

frawo
...what, me?
 Quote

All times are EDT. The time is now 05:20 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content