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.

How to get forum description image

2 posters

Go down

Solved How to get forum description image

Post by Guest November 10th 2022, 11:50 am

Version: AwesomeBB
When I create some forum in category, I add an image as part of description. That's fine, I can see it displayed, but, is there a way to get access only to the image, seperatly from description text?

How  to get forum description image Screen30

I am trying to move that image all the way left, because I removed forum icons for new, old etc. Inside template I have only this:
Code:
{catrow.forumrow.FORUM_DESC}
avatar
Guest
Guest


Back to top Go down

Solved Re: How to get forum description image

Post by Razor12345 November 10th 2022, 1:17 pm

Good afternoon!

In the template index_box find:

Code:
{catrow.forumrow.FORUM_DESC}

Replace by this:

Code:
<div class='forum_img'>{catrow.forumrow.FORUM_DESC}</div>

Save. Publish.

In CSS:

Code:
.forum_img {
  margin-left: -50px;
}

Save.

-50px - find the right value for you


How  to get forum description image Screen51
Razor12345
Razor12345
Support Moderator
Support Moderator

Male Posts : 1586
Reputation : 268
Language : Ukr, Rus, Eng
Location : Ukraine

TonnyKamper likes this post

Back to top Go down

Solved Re: How to get forum description image

Post by Guest November 10th 2022, 1:31 pm

This code works, that's good. However, I can not separate text from image. They are sticked. What if i want to move text to some other part of forum look? Which is what i want. Image would follow, at the moment. Your code do this:

How  to get forum description image Screen31
avatar
Guest
Guest


Back to top Go down

Solved Re: How to get forum description image

Post by Razor12345 November 10th 2022, 1:36 pm

In description of forum:

Code:
<div class="forum_text">
   Text of description
</div>

Save.

In CSS:

Code:
.forum_text {
    margin-left: 150px;
}

150px - find the right value for you


How  to get forum description image Screen51
Razor12345
Razor12345
Support Moderator
Support Moderator

Male Posts : 1586
Reputation : 268
Language : Ukr, Rus, Eng
Location : Ukraine

TonnyKamper likes this post

Back to top Go down

Solved Re: How to get forum description image

Post by Guest November 10th 2022, 1:44 pm

Razor12345 wrote:In description of forum:

Code:
<div class="forum_text">
   Text of description
</div>

Save.

In CSS:

Code:
.forum_text {
    margin-left: 150px;
}

150px - find the right value for you

Ah yes, I see now how this works. It's functional but to make it perfect I need to make description maybe absolute and put it somewhere, not sure. Because I was hoping to move let's say here:

How  to get forum description image Screen32

It's just an example. I can't move it like other span tags.
avatar
Guest
Guest


Back to top Go down

Solved Re: How to get forum description image

Post by Razor12345 November 10th 2022, 2:50 pm

This we use:

In the template index_box find:

Code:
{catrow.forumrow.FORUM_DESC}

Replace by this:

Code:
<div class='forum_img'>{catrow.forumrow.FORUM_DESC}</div>

And this we use:

In description of forum:

Code:
<div class="forum_text">
  Text of description
</div>

CSS code we delete. And put this code in CSS:

Code:
.forum_img {
position: relative;
margin-left: -80px; /* press the image to border */
}

.forum_text {
  position: absolute;
  left: 139%;  /* changing the position of the comment block */
  bottom: -220%;  /* changing the position of the comment block */
  width: 200px;    /* width of comment block */
  text-align: justify;  /* align text in comment block */
}

Result:

How  to get forum description image Ouo53
Razor12345
Razor12345
Support Moderator
Support Moderator

Male Posts : 1586
Reputation : 268
Language : Ukr, Rus, Eng
Location : Ukraine

TonnyKamper likes this post

Back to top Go down

Solved Re: How to get forum description image

Post by Guest November 10th 2022, 3:32 pm

Yes, I get it now. All I need to do is position it by my standards. Okay, thanks my man. Solved.
avatar
Guest
Guest


Back to top Go down

Solved Re: How to get forum description image

Post by skouliki November 10th 2022, 7:09 pm

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

Female Posts : 15397
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Back to top

- Similar topics

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