Announcement

Collapse
No announcement yet.

icons next to titles ?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • bendiesel
    replied
    thank you very much Glenn Vergara,
    I really appreciate your help, i'll test this code

    Leave a comment:


  • Glenn Vergara
    replied
    Code:
    .forum-info .forum-title:after {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-left: 10px;
    }
    #forumXX .forum-title:after {
       background: transparent url("/path/to/the/image.png") no-repeat;
    }
    Change XX to whatever the node id of the forum. Repeat for every forum.

    Leave a comment:


  • bendiesel
    replied
    i really appreciate your help Glenn Vergara !
    but i wrote this code in CSS Editor and didn't work for me:

    Click image for larger version

Name:	code.png
Views:	30
Size:	11.6 KB
ID:	4391180

    i know it must be my fault, but i don't know what i made wrong in the code ..

    thank you for help !
    Last edited by bendiesel; Wed 9 May '18, 2:32pm.

    Leave a comment:


  • Glenn Vergara
    replied
    Here it is:

    Code:
    .forum-info .forum-title:after {
        content: '';
        background: transparent url("/path/to/the/image.png") no-repeat;
        width: 20px;
        height: 20px;
        display: inline-block;
        margin-left: 10px;
    }

    Leave a comment:


  • bendiesel
    replied
    Originally posted by Glenn Vergara View Post
    Alternative solution is to put a background image to the forum title element via CSS. I'll post the code when I get to my computer.
    Thank you very much Glenn Vergara

    i'll be grateful !

    Leave a comment:


  • Glenn Vergara
    replied
    Alternative solution is to put a background image to the forum title element via CSS. I'll post the code when I get to my computer.

    Leave a comment:


  • bendiesel
    replied
    Thank you Wayne Luke !

    Leave a comment:


  • Wayne Luke
    replied
    That was off the top of my head and I didn't really have time for intensive testing. Will look into it more.

    Leave a comment:


  • bendiesel
    replied
    thank you very much Wayne Luke
    it's working with html but i found some difficulties to apply css code, what i did with the css code:
    1- replace the Node ID
    2- replace url('/path-to-image/image.ext') by the url of the uploaded icon, in this case i have: ('/core/images/brands/mercedes.png'), the same in the first html code
    3- opening CSS Editor and paste the code and save

    i tried to make some other changes but without success,
    have i missed something ?
    i'm deeply grateful for your time, i'm not css pro but i'll do my best

    Leave a comment:


  • Wayne Luke
    replied
    The easiest way is to just add an HTML IMG tag after the forum name in the title field. You can do this in the AdminCP under Channel Management -> Channel Manager. Edit the forum channel and add your HTML. You'll need to upload the images via FTP and make them available on the server. It will show everywhere where the forum name is displayed though.

    For example:
    Code:
    Forum 1 <img src="core/images/icons/icon2.png">
    To have it just on the forum list, you would need to use CSS. To do this you would use the ::after selector. You would have to use the forum's ID to target it. This would be #forumXX. The XX will be listed as the Node ID in the Channel Manager within the AdminCP.

    For example:
    Code:
    #forumXX .forum-info a::after {
       background-image: url('/path-to-image/image.ext');
       content: "    ";
    }

    Leave a comment:


  • bendiesel
    replied
    just to put small logo brand cars next the car brand title of the forum

    Leave a comment:


  • Wayne Luke
    replied
    Icons for what purpose?

    Leave a comment:


  • bendiesel
    started a topic icons next to titles ?

    icons next to titles ?

    Hi everyone !

    Is it possible to add small icons next to the forums titles ? is it simple to do it ? thank you very much for your time and help

    the icons should be in the place of red circles, or before the title :

    Click image for larger version  Name:	icon add.png Views:	1 Size:	40.1 KB ID:	4390792
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X