Frame to Insert Icons w/ Links
-
Hey y’all. I’d like to post four social media icons (64 x 64 pixels) in a row equidistant from each other that link when clicked on.
Could someone write some code so I can do this?
Here is the page I’d like to post the icons on (I realize that I have not posted anything on the blog);
http://abstractcrash.wordpress.com/links/
The blog I need help with is: (visible only to logged in users)
-
Hello there,
See here please for creating static Pages.
See here for uploading images.
See also image alignment – side by side. -
-
It’s very hard to help when we are dealing with vagueness. Have you captured and uploaded any of the social media icon images yet or not? If so, then please provide links to them.
-
http://abstractcrash.wordpress.com/links/
I’ve uploaded the images (w/o links) but I’d like them to be grouped together, equidistant from each other.
-
Side by Side
If you would like to see images appear side by side on the same line, put the images next to each other and give them both either left or right alignment.<h2>Links</h2> <img class="alignleft" title="Last.fm Button" src="http://abstractcrash.files.wordpress.com/2011/12/lastfm.png?w=580" alt="" /><img class="alignleft" title="Twitter Button" src="http://abstractcrash.files.wordpress.com/2011/12/twitter.png?w=580" alt="" /><img class="alignleft" title="Tumblr Button" src="http://abstractcrash.files.wordpress.com/2011/12/tumblr.png?w=580" alt="" /><img class="alignleft" title="RSS Button" src="http://abstractcrash.files.wordpress.com/2011/12/rss.png?w=580" alt="" /><strong> -
I think you want a Table to give you a grid – I am not all that good with tables and forgot where I saved the how to make a table link. The coding would be done in the html editor – If you have Windows Live Writer on your PC make a table there and copy the html code to your blog.
-
I don’t if I was supposed to do this but I copied the code that you posted and it just came out as the same code.
The Table thing seems like a good idea but I have a Mac.
-
@abstractcrash
Go to the Page. Note that all images must have the same alignment. Click every one of the images one at a time and then click either the align right or align left icon in the Visual editor. See here > http://en.support.wordpress.com/images/image-alignment/ -
-
Tables are no different on a Mac than they are on a Windoze machine. It is HTML and that is universal in the web world.
This is a non-table alternative if you wish to explore it.
You will replace the URL OF LINK and URL OF IMAGE text in the text links with the appropriate link and image URLs. You can also adjust the padding values (20px) as you desire.
<div style="text-align: center;"><a href="URL OF LINK"><img style="padding-right: 20px;" title="" src="URL OF IMAGE" alt="" width="64" height="64" /></a><a href="URL OF LINK"><img style="padding-right: 20px;" title="" src="URL OF IMAGE" alt="" width="64" height="64" /></a><a href="URL OF LINK"><img style="padding-right: 20px;" title="" src="URL OF IMAGE" alt="" width="64" height="64" /></a><a href="URL OF LINK"><img style="padding-right: 20px;" title="" src="URL OF IMAGE" alt="" width="64" height="64" /></a></div> -
-
- The topic ‘Frame to Insert Icons w/ Links’ is closed to new replies.
WordPress.com Forums 