thanks a million. it worked out.
my next project will now be a calendar and or picture.
The picture is easy to add as a static picture and you change the image yourself.
I am not a Big Coder so that is all I can do.
CREATE a sidebar container for your picture.
Anywhere you have added the sidebar, add this inside it.
If this is only for the front page use sidebar_online_users
Add this code
Code:
<!-- BEGIN CONTAINER FOR SIDEPIC DISPLAY -->
<div class="section" align="center">
<div class="secondaryContent" style="background: white">
<!-- BEGIN SIDEPIC DISPLAY -->
<!-- END SIDEPIC DISPLAY -->
</div>
</div>
<!-- END CONTAINER FOR SIDEPIC DISPLAY -->
This will create a contaner or box just like the other XF sections on the sidebar.
Background will be white (#ffffff) if you want it different try writing the colour like this
Code:
style="background: cream"
More colour names here
http://www.w3schools.com/tags/ref_colornames.asp
Keep this page open to return.
GET your image path.
2 reasons.
You can use short URLs to access your images
If the structure of your site changes, so you move your images, just change the image path!
admincp/ Appearance/ Style Properties -> General -> Settings.
In the centre of the page, 1st item top - your image path is probably
styles/default
Copy what you see to keep in your notes.
UPLOAD the images you want into
www.yoursite/com/forum/styles/default
Width needs to be APPROXIMATELY 200px
Best to make their names as short and simple as you can.
Also as this is a specific project, start ALL the names with sidepic So you have
1sidepic-cat
1sidepic-sunset
etc
That will group all your pics for this project together at the top of the list. (The number 1 will put them at the top)
INSERT the image URL in that template where you put the container.
Rich (BB code):
<!-- BEGIN CONTAINER FOR SIDEPIC DISPLAY -->
<div class="section" align="center">
<div class="secondaryContent" style="background: white">
<!-- BEGIN SIDEPIC DISPLAY -->
<img src="@imagePath/sidepic-cat.png" / >
<!-- END SIDEPIC DISPLAY -->
</div>
</div>
<!-- END CONTAINER FOR SIDEPIC DISPLAY -->
Your image might not end with .png - could be .gif, or .jpg
Width needs to be APPROXIMATELY 200px
Change it when you wish.
Now I cannot tell you how to make the pictures change every say, every week, or when you press a button!
But I think this can be done with javascript.
You could look at dynamicdrive, a good javascript collection.
you need a script which does not require anything added to the page header. You could use one that does need this but it would take another step to do. Without anything needed in the page header a javascript pasted in your sideebar will probably work.
However it might need full image URLs instead of the clever XF image path URLs.