Advertisement:

Author Topic: Add pictures next to the board  (Read 3195 times)

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Add pictures next to the board
« on: January 29, 2018, 05:43:05 AM »
How can I add an additional picture next to the board, something like the one in the attachment.

Offline Steve

  • Freak
  • Support Specialist
  • SMF Hero
  • *
  • Posts: 4,334
  • Gender: Male
  • I have not yet begun to procrastinate.
Online Manual

Please do not PM me for support.

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #2 on: January 29, 2018, 06:39:22 AM »
Is it the only way or maybe there is some mod? As I understood I need to add images first and then add code with URL?

Online br360

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 2,220
    • GenXcommunity
Re: Add pictures next to the board
« Reply #3 on: January 29, 2018, 12:43:02 PM »

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #4 on: January 30, 2018, 02:20:04 AM »
I tried these mods but I would like something next to the main picture, the same as I showed earlier.

Offline Aleksi "Lex" Kilpinen

  • A Peculiar Finn
  • Lead Support Specialist
  • SMF Super Hero
  • *
  • Posts: 17,234
  • Gender: Male
  • Don't worry, I'm n00b friendly
    • Aleksi.Kilpinen on Facebook
    • aleksi-kilpinen on LinkedIn
Re: Add pictures next to the board
« Reply #5 on: January 30, 2018, 09:10:46 AM »
I think this would still be a good starting point.
Something like this? https://www.simplemachines.org/community/index.php?topic=539000.msg3830565#msg3830565
Other than that, you can try to search the mod site or this could be moved to Coding discussion.
A Finnish Support Specialist
 Happily running multiple SMF 2.0 installations.

How you can help SMF

"Before you allow people access to your forum, especially in an administrative position, you must be aware that that person can seriously damage your forum.
 Therefore, you should only allow people that you trust, implicitly, to have such access." -Douglas

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #6 on: January 30, 2018, 12:38:07 PM »
I checked this link and as I understood the image will appear next to the name of the board or next to the description. I want to keep the same images but add an additional ones next to it.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 56,714
  • Gender: Male
    • Kindred-999 on GitHub
Re: Add pictures next to the board
« Reply #7 on: January 30, 2018, 02:11:00 PM »
then either use CSS or get someone to custom code it for you.
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #8 on: January 31, 2018, 04:05:04 AM »
I need a code of CSS so that the images appear in the right place.

Offline Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 56,714
  • Gender: Male
    • Kindred-999 on GitHub
Re: Add pictures next to the board
« Reply #9 on: January 31, 2018, 09:32:34 AM »
you need to start learning basic html and css.
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #10 on: February 02, 2018, 04:06:04 AM »
I just tried to add this code to index.css but no picture appeared on the forum:


#board_82 > .info > a::before {
   content: "";
   height: 34px;
   width: 35px;
   position: absolute;
   margin-left: 5px;
   background: url(http://www.forum.bharatconnect.net/Themes/default/images/li4.png) no-repeat;
}
« Last Edit: February 02, 2018, 04:21:36 AM by bharat »

Offline Gwenwyfar

  • Pirate Valkyrie Neko-chan
  • Lead Customizer
  • Sophist Member
  • *
  • Posts: 1,359
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Add pictures next to the board
« Reply #11 on: February 03, 2018, 09:54:44 AM »
Are you sure you are using the right board ID? That should work fine.

Better to change it to this though:
Code: [Select]
#board_{ID} > .info > a::before {
   content: "";
   height: 34px;
   width: 35px;
   display: inline-block;
   margin-right: 5px;
   background: url(http://www.forum.bharatconnect.net/Themes/default/images/li4.png) no-repeat;
}
Do you live today a life you would like to have for eternity?

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #12 on: February 04, 2018, 03:44:56 AM »
Yes, I open the board and checked the number. Do I need to add this code to index.css, right? I add it in the end but nothing happened. I have one picture at the moment and wanted to add one small one like on the picture I posted bellow.

Offline Gwenwyfar

  • Pirate Valkyrie Neko-chan
  • Lead Customizer
  • Sophist Member
  • *
  • Posts: 1,359
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Add pictures next to the board
« Reply #13 on: February 04, 2018, 04:53:07 AM »
This code works on the main boards, it doesn't work on child board descriptions on board index. For example your board "7". Other than that, just make sure you're clearing your cache after you add your changes.
Do you live today a life you would like to have for eternity?

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #14 on: February 04, 2018, 06:38:52 AM »
Yes, I was trying on the main boards, not on the child one. Still I didn't see any changes, will try again with this code.

Offline Gwenwyfar

  • Pirate Valkyrie Neko-chan
  • Lead Customizer
  • Sophist Member
  • *
  • Posts: 1,359
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Add pictures next to the board
« Reply #15 on: February 04, 2018, 06:41:20 AM »
You may have to clear your cache after any css changes.
Do you live today a life you would like to have for eternity?

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #16 on: February 04, 2018, 06:47:25 AM »
I cleared the cache but nothing happened.

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #17 on: February 04, 2018, 06:51:18 AM »
I have picture like in the attachment now and would like to add a small one next to the main image.

Offline Gwenwyfar

  • Pirate Valkyrie Neko-chan
  • Lead Customizer
  • Sophist Member
  • *
  • Posts: 1,359
  • Gender: Female
    • Gwenwyfar on GitHub
Re: Add pictures next to the board
« Reply #18 on: February 04, 2018, 06:54:31 AM »
Change #board_{82} to #board_82
Do you live today a life you would like to have for eternity?

Offline bharat

  • Jr. Member
  • **
  • Posts: 375
Re: Add pictures next to the board
« Reply #19 on: February 04, 2018, 06:59:30 AM »
The same like on the code I posted earlier?