News:

SMF 2.1.2 has been released! Take it for a spin! Read more.

Main Menu

[Tip] Social Media Icons in Profile Field Tutorial

Started by ~DS~, April 03, 2010, 02:30:40 AM

Previous topic - Next topic

~DS~

Quote from: Iomega0318 on May 25, 2011, 06:23:12 PM
Quote from: ~V~ on May 24, 2011, 03:45:44 PM
Quote from: Iomega0318 on May 23, 2011, 07:03:54 AM
**EDIT**
Just a heads up, alt="blah", for links does not show up in Chrome.
You have to use, title="blah", adding both in works fine.
alt is for opening links in a new window...
I thought "target" was the new window, shouldn't "alt" be what is shown when you hover over an image?
My bad. You are right.

You want it to show a link when hovering? Is that what you meant?
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

~DS~

Quote from: hcfwesker on May 25, 2011, 01:51:37 AM
~V~  , this is great, but the "Show with Icons" we use for something a little different.  see Brawler Info Box  http://www.brawldomain.com/AASMF2/profile/hcfwesker/   ( i don't want any other custom fields in that box)

I been trying to use the option "Standard (with title)".  Now, i made edits so the title doesn't show in the post profile, but you know how the "With Icons" option stacks each one side by side  ( unless you include a <br  > in there) ....  Well, with the "standard (with title) option, each once lines up on top of one another.   see facebook and youtube icons in my post profile   http://www.brawldomain.com/AASMF2/index.php?topic=33.msg148#msg148

what kind of edit needs to be made so they appear side by side like the "With Icons" option, like the IM buttons?

Hope you can help, thanx , bud. :)


It seem you changed it back to icons. Please provide a screenshot.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

hcfwesker

No, I just edited it so the (Standard with title) option CPF's would be shown directly under the IM icons.  you'll see, the "Peach" image in my profile is assigned "with Icons".  And when i show the 2nd image demo, when using "with icons" for my social site images, they are labeled under the Peach image.

How they're shown stacked on top one another in image #1 ; I'd like for them to be stacked side by side, like in image #2 ( but that only happens when selecting the option "with Icons" ... but I need it to do the same when using (Standard with title) option.

Image when assigned the option (Standard with title)   -- stacks on top each other




Image when assigned the option (With Icons)  -- stacks side by side




I hope that explained it better.


~DS~

That's how it is in SMF.  With Icons it will stacks side by side. For standard, it would require some modify to the file.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

Iomega0318

Quote from: ~V~ on May 25, 2011, 11:22:56 PM
Quote from: Iomega0318 on May 25, 2011, 06:23:12 PM
Quote from: ~V~ on May 24, 2011, 03:45:44 PM
Quote from: Iomega0318 on May 23, 2011, 07:03:54 AM
**EDIT**
Just a heads up, alt="blah", for links does not show up in Chrome.
You have to use, title="blah", adding both in works fine.
alt is for opening links in a new window...
I thought "target" was the new window, shouldn't "alt" be what is shown when you hover over an image?
My bad. You are right.

You want it to show a link when hovering? Is that what you meant?
Nah was just letting you know since you had it in your link, plus I wanted to make the text hovering over it kinda match what is shown on all the other little icons :).
UOFreeshards.net
UOFreeshards.net 2.1 Aplha Test Site
"I believe in Christianity as I believe in the sun...
not because I see it but because by it I see everything else."
C.S. Lewis

Heed what I say, for it shall be mentioned only once.

hcfwesker

Quote from: ~V~ on May 26, 2011, 05:47:46 PM
That's how it is in SMF.  With Icons it will stacks side by side. For standard, it would require some modify to the file.

I understand that.  Was hoping you'd know how the edits would go.

~DS~

"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

TheListener

Probably did it wrong but my links are showing as text and not images.

They are also in the wrong place.


~DS~

Quote from: Brack1 on August 27, 2011, 10:49:33 AM
Probably did it wrong but my links are showing as text and not images.

They are also in the wrong place.


How are you inputing the field?
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

TheListener

#89
How ya mean?

Think I see what ya mean.

As text I shoulda said.

~DS~

Quote from: Brack1 on August 28, 2011, 12:34:58 PM
How ya mean?

Think I see what ya mean.

As text I shoulda said.
No, I mean how did you input in the field box? What code did you use exactly? If it's showing text make sure "Choose Placement: With Icon" is there.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

TheListener

Quote from: ~DS~ on August 30, 2011, 08:05:59 PM
Quote from: Brack1 on August 28, 2011, 12:34:58 PM
How ya mean?

Think I see what ya mean.

As text I shoulda said.
No, I mean how did you input in the field box? What code did you use exactly? If it's showing text make sure "Choose Placement: With Icon" is there.

It's there.

~DS~

"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

TheListener

www.miltonkeynesaware.co.cc

<a href="www.facebook.com/{INPUT}"target="_blank"><img class="section" src="www.forumname/facebook.png" alt="{INPUT}" /></a>

Is what my Show Enclosed Within Text (Optional): has within it.

~DS~

Quote from: Brack1 on August 30, 2011, 08:21:37 PM
www.miltonkeynesaware.co.cc

<a href="www.facebook.com/{INPUT}"target="_blank"><img class="section" src="www.forumname/facebook.png" alt="{INPUT}" /></a>

Is what my Show Enclosed Within Text (Optional): has within it.
Can you try:
<a href="http://www.facebook.com/{INPUT}"target="_blank"><img class="section" src="www.forumname/facebook.png" title="Facebook" /></a>
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011


~DS~

#96
Did you add anything in your profile? If you are trying to add FB, use the ID instead of the ful FB url.
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

TheListener

Quote from: ~DS~ on August 30, 2011, 09:03:32 PM
Did you add anything in your profile? If you are trying to add FB, use the ID instead of the ful FB url.

Call me an old fossil but what do ya mean ID?


~DS~

Quote from: Brack1 on August 30, 2011, 09:06:50 PM
Quote from: ~DS~ on August 30, 2011, 09:03:32 PM
Did you add anything in your profile? If you are trying to add FB, use the ID instead of the ful FB url.

Call me an old fossil but what do ya mean ID?


It's your username or ID after the FB url. www.facebook.com/Brack1

Did you upload the icons?
"There is no god, and that's the simple truth. If every trace of any single religion were wiped out and nothing were passed on, it would never be created exactly that way again. There might be some other nonsense in its place, but not that exact nonsense. If all of science were wiped out, it would still be true and someone would find a way to figure it all out again."
~Penn Jillette – God, NO! – 2011

TheListener


Advertisement: