Topics

User Functions

Events

There are no upcoming events

What's New

Stories last 2 weeks

No new stories

Comments last 2 weeks

No new comments

Trackbacks last 2 weeks

No new trackback comments

Links last 2 weeks

No recent new links

NEW FILES last 14 days

No new files

Welcome to Geeklog Wednesday, April 23 2014 @ 10:32 AM EDT


 Forum Index > Development & Coding > Geeklog New Topic Post Reply
 Subject Icons
   
frawo
 02/04/13 03:20PM (Read 786 times)  
++---
Junior

Status: offline


Registered: 10/09/02
Posts: 23
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?
 
Profile Email Website
 Quote
::Ben
 02/04/13 04:36PM  
+++++
Full Member

Status: offline


Registered: 01/14/05
Posts: 1442
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

We speak french on http://geeklog.fr
 
Profile Email Website
 Quote
frawo
 02/06/13 12:14PM  
++---
Junior

Status: offline


Registered: 10/09/02
Posts: 23
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?
 
Profile Email Website
 Quote
::Ben
 02/06/13 05:27PM  
+++++
Full Member

Status: offline


Registered: 01/14/05
Posts: 1442
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

We speak french on http://geeklog.fr
 
Profile Email Website
 Quote
frawo
 02/07/13 04:51PM  
++---
Junior

Status: offline


Registered: 10/09/02
Posts: 23
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?
 
Profile Email Website
 Quote
::Ben
 02/08/13 02:15AM  
+++++
Full Member

Status: offline


Registered: 01/14/05
Posts: 1442
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

We speak french on http://geeklog.fr
 
Profile Email Website
 Quote
frawo
 02/09/13 05:15PM  
++---
Junior

Status: offline


Registered: 10/09/02
Posts: 23
(&&%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?
 
Profile Email Website
 Quote
::Ben
 02/09/13 10:40PM  
+++++
Full Member

Status: offline


Registered: 01/14/05
Posts: 1442
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

We speak french on http://geeklog.fr
 
Profile Email Website
 Quote
Anonymous: frawo
 02/11/13 02:28PM  



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

 
 Quote
::Ben
 02/12/13 03:32AM  
+++++
Full Member

Status: offline


Registered: 01/14/05
Posts: 1442
Did you try? Config >> Stories and Trackback >> Topic Icon Alignment

Ben

We speak french on http://geeklog.fr
 
Profile Email Website
 Quote
frawo
 02/12/13 04:01PM  
++---
Junior

Status: offline


Registered: 10/09/02
Posts: 23
Yes, only working with theme Denim and Pro.


frawo

...what, me?
 
Profile Email Website
 Quote
::Ben
 02/13/13 03:37AM  
+++++
Full Member

Status: offline


Registered: 01/14/05
Posts: 1442
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

We speak french on http://geeklog.fr
 
Profile Email Website
 Quote
frawo
 02/13/13 11:05AM  
++---
Junior

Status: offline


Registered: 10/09/02
Posts: 23
Merci

Perfect!

frawo

...what, me?
 
Profile Email Website
 Quote
Content generated in: 2.51 seconds
New Topic Post Reply

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