make a link box for my banner

• 

  snakeshock · Member · Nov 21, 2008 at 6:54 pm

  • Copy link
  • Add topic to favorites

  please help me find a way to make a copy and paste box so i can share my banner with others

• 

  devblog · Member · Nov 21, 2008 at 7:00 pm

  • Copy link

  Textarea elements are not allowed in post/pages. What you could do is create a pseudo box using some inline CSS. Something like this:

  <div style="border: solid 1px #ccc; width: 450px; height: 200px; margin: 10px auto; padding: 2px">
      [Your banner image code here]
  </div>

  Try that, play with the values till it fits your needs.

• 

  vivianpaige · Member · Nov 21, 2008 at 7:01 pm

  • Copy link

  What about the source code thing? Will that work?

• 

  devblog · Member · Nov 21, 2008 at 7:02 pm

  • Copy link

  yeah, that could work too.

• 

  snakeshock · Member · Nov 21, 2008 at 7:32 pm

  • Copy link

  i tryed it and it made my bnner image inside of the box and not just the link?

• 

  devblog · Member · Nov 21, 2008 at 7:39 pm

  • Copy link

  what did you try exactly? Vivian’s or my suggestion?

• 

  snakeshock · Member · Nov 21, 2008 at 7:42 pm

  • Copy link

  yours

• 

  justjennifer · Member · Nov 21, 2008 at 7:44 pm

  • Copy link

  https://en.forums.wordpress.com/topic/help-with-creating-a-space-to-show-the-code-for-my-blog-badge?replies=45

  Sort of long, but I think in the end it was the source code option that worked.

• 

  devblog · Member · Nov 21, 2008 at 7:45 pm

  • Copy link

  try replacing the open tags with their HTML entities: “&lt;” instead of “<”

• 

  snakeshock · Member · Nov 21, 2008 at 8:09 pm

  • Copy link

  what source code one

• 

  snakeshock · Member · Nov 21, 2008 at 8:11 pm

  • Copy link

  <img class=”alignnone size-full wp-image-184″ title=”d2″ src=”http://hahathatsfuney.wordpress.com/files/2008/11/d2.png” alt=”d2″ width=”135″ height=”150″ />

  here is my code of my image i want

• 

  panaghiotisadam · Member · Nov 21, 2008 at 8:29 pm

  • Copy link

  Well, paste it in the VISUAL editor (so it doesn’t work as code), then switch to HTML and enclose it in devblog’s div code.

  But devlog’s code produces a fixed-size box. I would suggest something like this instead:
  <div style="border:1px solid black;text-align:left;padding:1em;">IMAGE_CODE_HERE</div>

• 

  devblog · Member · Nov 21, 2008 at 9:00 pm

  • Copy link

  Well, it’s fixed because the idea was to replicate a textarea element.

  Also snakeshock, you might want to make that banner “clickable” so that people can visit your blog.

  let me make a test first before posting the actual code

  <div>
  < or &amp;lt;
  </div>

• 

  devblog · Member · Nov 21, 2008 at 9:03 pm

  • Copy link

  how about this

  &

• 

  devblog · Member · Nov 21, 2008 at 9:07 pm

  • Copy link

  okay, now that I know how to display HTML entity names here, you could try this code if you want:

  <div style="font-family: Courier New; border: solid 1px #999; width: 450px; height: 100px; margin: 10px auto; padding: 2px; white-space: pre; overflow: auto;">
  &lt;a href="http://hahathatsfuney.wordpress.com/" title="Visit Ha Ha Ha, That's Funey">
  	&lt;img src="http://hahathatsfuney.wordpress.com/files/2008/11/d2.png" alt="d2" width="135" height="150" style="border: none;" />
  &lt;/a>
  </div>

  To implement it, follow panaghiotisadam’s instructions.

• 

  snakeshock · Member · Nov 23, 2008 at 7:28 pm

  • Copy link

  <img class=”alignnone size-full wp-image-186″ title=”d3″ src=”http://hahathatsfuney.wordpress.com/files/2008/11/d3.png” alt=”d3″ width=”135″ height=”150″ />