DIR Return Create A Forum - Home
       ---------------------------------------------------------
       Create A Forum - Support Forums
  HTML https://support.createaforum.com
       ---------------------------------------------------------
       *****************************************************
   DIR Return to: Create a Forum Codes and Support
       *****************************************************
       #Post#: 7089--------------------------------------------------
       Can it be done :)
   DIR By: TaoGem
       Date: November 5, 2012, 8:31 pm
       ---------------------------------------------------------
  HTML http://www.gofunforum.com/
  HTML http://www.gofunforum.com/
       Can this image be coded in so it appears like this at the top of
       the forum.. So the image is to the right of where it reads " Go
       Fun Rewards Discussion Forum"..
       This is a screen shot where I just placed the image over that
       area of the forum .
       .
       I will have to send someone the actual picture ( if it can be
       done ), because it is actually longer than it appears here..
       Guess this forum shrunk it to fit...
  HTML http://i1270.photobucket.com/albums/jj612/snuffbottlesplus/header_zps23610436.jpg
       #Post#: 7093--------------------------------------------------
       Re: Can it be done :)
   DIR By: xboi209
       Date: November 5, 2012, 8:45 pm
       ---------------------------------------------------------
       I don't think this could be done with css so I moved it into the
       coding board.
       #Post#: 7094--------------------------------------------------
       Re: Can it be done :)
   DIR By: TaoGem
       Date: November 5, 2012, 8:50 pm
       ---------------------------------------------------------
       Thanks  :)
       #Post#: 7097--------------------------------------------------
       Re: Can it be done :)
   DIR By: xboi209
       Date: November 5, 2012, 8:54 pm
       ---------------------------------------------------------
       Well you might have to re-position the image to fit in but
       here's the code:
       jQuery required, check this topic for latest version:
  HTML http://support.createaforum.com/5/jquery-v1-8-update/
       Footers:
       --- Code ---
       
       <script>$("#upper_section").css("background-image","url(IMAGE_URL)");</script>
       --- End Code ---
       #Post#: 7102--------------------------------------------------
       Re: Can it be done :)
   DIR By: TaoGem
       Date: November 5, 2012, 9:49 pm
       ---------------------------------------------------------
       If I got it correct, here is what I placed in the footer..
       Also place the JQuery in the header
       But..... The image is not showing up....
       --- Code ---
       
       <script>$("#upper_section").css("background-image","<img
       src="
  HTML http://i1270.photobucket.com/albums/jj612/snuffbottlesplus/vacation2_zps21bbffe2.jpg"<br
       />border="0" alt="Photobucket"></a>");</script>
       
       --- End Code ---
       #Post#: 7103--------------------------------------------------
       Re: Can it be done :)
   DIR By: xboi209
       Date: November 5, 2012, 9:53 pm
       ---------------------------------------------------------
       You have to do it like this:
       --- Code ---
       
       
       <script>$("#upper_section").css("background-image","url(
  HTML http://i1270.photobucket.com/albums/jj612/snuffbottlesplus/vacation2_zps21bbffe2.jpg)");</script>
       
       --- End Code ---
       #Post#: 7104--------------------------------------------------
       Re: Can it be done :)
   DIR By: TaoGem
       Date: November 5, 2012, 9:55 pm
       ---------------------------------------------------------
       You beat me back here..
       I just figured that out... But, have a look at the forum ... It
       doubled up the image side by side..
  HTML http://gofunforum.com/
  HTML http://gofunforum.com/
       
       
       
       #Post#: 7107--------------------------------------------------
       Re: Can it be done :)
   DIR By: xboi209
       Date: November 5, 2012, 10:07 pm
       ---------------------------------------------------------
       If you didn't want it to repeat, you could try this:
       --- Code ---
       
       <script>$("#upper_section").css({"background-image":"url(
  HTML http://i1270.photobucket.com/albums/jj612/snuffbottlesplus/vacation2_zps21bbffe2.jpg)","background-repeat":"no-repeat"});</script>
       --- End Code ---
       #Post#: 7113--------------------------------------------------
       Re: Can it be done :)
   DIR By: TaoGem
       Date: November 5, 2012, 11:00 pm
       ---------------------------------------------------------
       Ok..
       That got rid of the double pics..
       
       The only thing is that was sort of wanting it to the right a
       bit.. Had originally wanted it to the right of the forum title..
       But that does not really matter.. Just worried that members
       profile and recent postings link, etc.., will be obscured by the
       photo..
       
       Any ideas how we can move it further to the right ?
  HTML http://i1270.photobucket.com/albums/jj612/snuffbottlesplus/fix_zps8e394892.jpg
       #Post#: 7121--------------------------------------------------
       Re: Can it be done :)
   DIR By: xboi209
       Date: November 6, 2012, 8:28 am
       ---------------------------------------------------------
       You'll have to redo the image a little bit but here's the code:
       --- Code ---
       
       <script>$("#upper_section").css({"background-image":"url(
  HTML http://i1270.photobucket.com/albums/jj612/snuffbottlesplus/vacation2_zps21bbffe2.jpg)","background-repeat":"no-repeat","background-position":"right<br
       />center"});</script>
       --- End Code ---
       *****************************************************
       Page 1 of 3
   DIR Next Page