The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums)

3 posters

Go down

Solved Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums)

Post by TulsaH April 26th 2017, 4:37 am

Technical Details


Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : https://i.imgbox.com/6k9fMSW6.png
Who the problem concerns : Yourself
Forum link : ( link is hidden, you must reply to see )

Description of problem

Well, Hi!

I apologize for coming here with this problem, but I tried to solve it by myself and I failed. The problem is simple, I wanna replace the image of folder, new folder and locked folder with a text (I'm writting about the image of new topic of the categories and forums, as you can see in the screenshot).

I made some tests to solve this situation. First, i tried the next java code:
Code:
jQuery(document).ready(function() {
$('#i_icon_folder').replaceWith('<div id="iFolder">texto</div>');
});

But, it didn't work, so I tried the next java code:
Code:
jQuery(document).ready(function() {
$('dl.icon[style*="i_folder"]').replaceWith('<div id="iFolder">texto</div>');
});

So, I came here to ask if there's a way to solve this problem.
Here I leave the codes of my template:
Code:
<li class="row">

<dl class="icon" style="background: url({catrow.forumrow.FORUM_FOLDER_IMG})"></dl>

<div id="foroDatos">
  <div id="foroTitulo">
      <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
  </div>
  <div id="foroTemas">
      <p>{catrow.forumrow.TOPICS}</p>
      <p>{catrow.forumrow.POSTS}</p>
      <p><!-- BEGIN switch_topic_title -->
          <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">               
          {catrow.forumrow.LATEST_TOPIC_NAME}</a><!-- END switch_topic_title -->
          {catrow.forumrow.USER_LAST_POST}</p>
  </div>
</div>

<div id="foroDescripcion">{catrow.forumrow.FORUM_DESC}</div>

</li>

Thank for reading.


Last edited by TulsaH on April 27th 2017, 5:05 am; edited 1 time in total
TulsaH
TulsaH
New Member

Posts : 2
Reputation : 1
Language : English/Spanish
Location : Argentina

View user profile http://neevedreams.foroactivo.com/

Back to top Go down

Solved Re: Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums)

Post by Luiz~ April 27th 2017, 12:36 am

Just to see the forum URL.
Soon I'll edit this message.

o/

--------
Edit:
--------

Use this code in your stylesheet:
Code:
dl.icon[style*="http://2img.net/i/fa/subsilver/folder_big.gif"] {
  background-image: none!important;
  position: relative;
}

dl.icon[style*="http://2img.net/i/fa/subsilver/folder_big.gif"]::before {
  content: "Topics";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
}

Where is it
Code:
http://2img.net/i/fa/subsilver/folder_big.gif
, you change to the icon's URL.
And, where is it
Code:
Topics
, you can edit the text.
Luiz~
Luiz~
New Member

Male Posts : 17
Reputation : 9
Language : PT
Location : Brazil

View user profile http://ajuda.forumeiros.com/

Back to top Go down

Solved Re: Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums)

Post by TulsaH April 27th 2017, 5:04 am

Thank you very much! It's just what I need.

Mark this topic as solved and all my loves to you <3
TulsaH
TulsaH
New Member

Posts : 2
Reputation : 1
Language : English/Spanish
Location : Argentina

View user profile http://neevedreams.foroactivo.com/

Back to top Go down

Solved Re: Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums)

Post by SLGray April 27th 2017, 5:10 am

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


Replace folder image with a text (folder image = image od topics, new topics, and locked topics of the categories and forums) Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 50441
Reputation : 3478
Language : English
Location : United States

View user profile https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum