Dividing line

Go down

Solved Dividing line

Post by Mineko March 23rd 2021, 3:38 pm

Hello Dividing line 1f600

Well, I have a question, I would be worried that I would like such a dividing line here, under which I could insert links. It just doesn’t just go below the pictures in the description, and anyway, I really want that dividing line. Dividing line 1f600 I think it would look nice there. ^^
I indicated with a white line in the picture where I wanted to go. ^^

Spoiler:
Dividing line 6KEdn41
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

Back to top Go down

Solved Re: Dividing line

Post by brandon_g March 23rd 2021, 4:37 pm

Hello,

So what exactly is it you are looking to achieve? Are you looking to achieve a white line like in the picture or are you wanting the line somewhere else?

If you want the line how it is in your screenshot then just add this to your css:
Code:
.FRM {
border-bottom: 2px white solid;
)

Note: You can adjust the thickness of the the line by changing the '2px' to something smaller like '1px' or bigger like '3px', etc. You can also change the color to whatever you want by replacing the word white with the name, hex code or rgb code of whatever color you want.

-Brandon


Dividing line Brando10
Remember to mark your topic Dividing line Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Dividing line Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 9660
Reputation : 888
Language : English
Location : USA

View user profile https://www.broadcastingduo.com

Back to top Go down

Solved Re: Dividing line

Post by Mineko March 23rd 2021, 4:44 pm

wow * - *
And then will I be able to insert a link under it?
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

Back to top Go down

Solved Re: Dividing line

Post by Ape March 23rd 2021, 5:35 pm

Think I don't think you can add a link under there as all forums would have the same link under it so every time you have a line it would have a link of the same thing and look really ugly.


Dividing line Left1212Dividing line Center11Dividing line Right112
Dividing line Ape_b110
Dividing line Keep_s10
Dividing line Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 16529
Reputation : 1774
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Dividing line

Post by Mineko March 23rd 2021, 5:46 pm

Ahj ... that's a problem.
I would like to insert a link somewhere, e.g. a description of the locations provided, but it just doesn’t go smoothly below the image. It obscures the text in the image. And so I asked how it could be solved so that you could put a link there in some way. ><
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

Back to top Go down

Solved Re: Dividing line

Post by brandon_g March 23rd 2021, 6:34 pm

Why not just add the links in the description of each forum? That would be the easiest way to do it.


Dividing line Brando10
Remember to mark your topic Dividing line Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Dividing line Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 9660
Reputation : 888
Language : English
Location : USA

View user profile https://www.broadcastingduo.com

Back to top Go down

Solved Re: Dividing line

Post by Mineko March 23rd 2021, 7:05 pm

Because the picture obscures it ... So it doesn't show up when I put the link in the description...

Spoiler:
Dividing line VmB8pZp
Spoiler:
Dividing line Q4TQqBa
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

Back to top Go down

Solved Re: Dividing line

Post by brandon_g March 23rd 2021, 9:23 pm

Try this:

Instead of putting the image url in the text box labeled 'Image Url' simply put the image in the description itself. Than the image can become the actual link. You can do this by adding your image url and link url in this code:

Code:
<a href="Link URL Goes here"><img src="image url here"></img></a>

Just replace the text in between the "" with the appropriate urls.

Another option you have if you do not want to make the image itself the url is to place the link either before or after the image. Here is an example of the url placed AFTER the image:
Code:
<img src="image url here"></img><a href="Link URL Goes here"></a>
If you wanted the image after the links, all you have to do is put the '<a>' tags before the image tags instead of after.


Dividing line Brando10
Remember to mark your topic Dividing line Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Dividing line Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 9660
Reputation : 888
Language : English
Location : USA

View user profile https://www.broadcastingduo.com

Back to top Go down

Solved Re: Dividing line

Post by Ape March 23rd 2021, 9:28 pm

You are doing it wrong.

The image and the link would be in the description.

like this. >> see the image can be clicked >>Dividing line 1f1010
Code:
[url=https://help.forumotion.com/][img]https://i64.servimg.com/u/f64/12/23/10/57/1f1010.png[/img][/url]


Dividing line Left1212Dividing line Center11Dividing line Right112
Dividing line Ape_b110
Dividing line Keep_s10
Dividing line Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 16529
Reputation : 1774
Language : fluent in dork / mumbojumbo & English haha

View user profile http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Dividing line

Post by Mineko March 23rd 2021, 9:39 pm

The first one works, but in fact, I don't want the image to be a link, but the second one doesn't work. Sad
Which I really regret because it would really be nice to have your link below the image somehow.

Although it doesn’t bother me in its current form either, players complained that they couldn’t find descriptions of the venues.
For this reason, I thought that if I put it there as a link somehow, the problem would be solved.

Or should I give up on this and come up with some other solution? ><
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

Back to top Go down

Solved Re: Dividing line

Post by brandon_g March 23rd 2021, 9:47 pm

Can you put the 2nd code in, save and leave it up so I can have a look at what the problem may be in the browser inspector? Also let me know what section/forum you added the code to.

Note: You should use my code not Ape's, Ape's code is in BBCode which is meant to be used in posts on the forum, and as such will probably not work in the description box. Mine uses html and should work.


Dividing line Brando10
Remember to mark your topic Dividing line Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Dividing line Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 9660
Reputation : 888
Language : English
Location : USA

View user profile https://www.broadcastingduo.com

Back to top Go down

Solved Re: Dividing line

Post by Mineko March 23rd 2021, 11:17 pm

It's done, the code is in.
It should be at the 'Folyóköz' section. But it doesn't appear on the board, it's just in its code. Sad
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

Back to top Go down

Solved Re: Dividing line

Post by brandon_g March 24th 2021, 12:21 am

Ok so after playing around it with for quite some time, I have concluded the image your using is simply too big to fit both it and the link in the same div, so the system just hides it altogether.

The only way I was able to get the link to eventually appear was to use A LOT of <br> tags and it eventually showed. I was able to get the link to appear ABOVE the image by putting the text in it's own little set of <div> tags, but was unable to get this result to get it to shown on the bottom. Either method will lead to either the image or the link running into over the blue border you have set up.

I would try resizing that image to make it less tall and less wide and see if that makes a difference.

Otherwise perhaps @Skouliki knows a way to get the result that your looking for that I don't.

I tried, I am sorry.


Dividing line Brando10
Remember to mark your topic Dividing line Solved15 when a solution is found.
General Rules | Tips & Tricks | FAQ | Forgot Founder Password?

Dividing line Scre1476
Team Leader
Review Section Rules | Request A Review | Sticker Points
brandon_g
brandon_g
Manager
Manager

Male Posts : 9660
Reputation : 888
Language : English
Location : USA

View user profile https://www.broadcastingduo.com

skouliki and Mineko like this post

Back to top Go down

Solved Re: Dividing line

Post by skouliki March 24th 2021, 8:42 am

hello

can you please re-explain to me what is the result you want to succeed
right now i can see a dotted line after each category

you want a different link under that dotted line for each category?
can you paste here what you use for one category the exact code (image and text) i want to see if i can readjust it to fit
cause as i see it this is the only solution
skouliki
skouliki
Manager
Manager

Female Posts : 10883
Reputation : 1370
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Dividing line

Post by Mineko March 24th 2021, 1:50 pm

No problem @brandon_g thanks for trying C:

Hello @skouliki Dividing line 1f600

I want to achieve the location below the pictures, above/below the dashed line (anyway, just be separated) there should be enough space or a new little text box (I don't know exactly what its name is) that I can put a link to.

And then which code do you need exactly? ^^"
I'm a little confused. Sorry, my English isn't very good (google translator ^^")
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

skouliki likes this post

Back to top Go down

Solved Re: Dividing line

Post by skouliki March 24th 2021, 3:13 pm



Can you send me your index body template here or by pm to see also if i can add a space box there
I really dont know if this will work but i can try


after some tests Ape is right you cant add a link under there as all forums have the same link under

the alternative I am thinking of is some kind of a table guide like this for versions for phpBB3, PunBB, Invision, ModernBB and AwesomeBB
i have a tutorial about this in my forum

Dividing line Scre2303




skouliki
skouliki
Manager
Manager

Female Posts : 10883
Reputation : 1370
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Dividing line

Post by Mineko March 24th 2021, 7:30 pm

I understand. Then it basically doesn't matter. Thank you all. C:
Then there will be no link. Very Happy
Thank you very much. Dividing line 2764 Dividing line 2764 Dividing line 2764

Hmm ... I think it's solved Dividing line 1f605
Mineko
Mineko
Forumember

Female Posts : 47
Reputation : 1
Language : Hungarian
Location : Hungary

View user profile https://blackmoonfrpg.hungarianforum.com

Back to top Go down

Solved Re: Dividing line

Post by skouliki March 24th 2021, 7:59 pm

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

Female Posts : 10883
Reputation : 1370
Language : English,Greek
Location : Greece

View user profile http://iconskouliki.forumgreek.com

Back to top Go down

Back to top


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