add images to wiki articles - mediawiki

I need to create a table with all the images and a button that says ADD, for the user to add the image to their page. Any help is appreciated!

There is no built in functionality to do this, but you can link users to the Special:NewImages page so that they can see which images are available.
It is as simple as putting [[File:Example.jpg]] to insert an image, so with a quick explanation or help page I'm sure your users can figure out how to add the image to their page. The Help:Images page is a good resource.
You could also write an extension to do this, but it would likely be a lot of work.

Related

Page changes without loading the page

Does anyone know how to tell me how to change the page like the sites below?
https://numbered.studio/contact
https://5scontent.com/work/
https://www.cappen.com/about
Not a link? So there is no reload? Is it a framework that does this?
If there is no link, no problem? To make user browsing heavy?
Provided site maybe using any framework. But this can be possible using JS. I think the example of websites are single pages HTML template based on JS.
I think you would like to block the top of the site, making scrolling the page the top of the site is blocked. This section can definitely help you:
https://www.w3schools.com/html/html_blocks.asp
First create a <div>. After you have customized and entered the information, insert a block that can block <div>. Better if you also create a <span> block to define the affected area.

Simple blog in CSS and HTML only

I have a simple html/css-only static website on which I would like to add a blog. Comments and RSS aren't necessary.
Now, how do I do that, without having to write all my entries in pure html?
My website consists of a vertical menu and an area to the right of it, where all the content goes on each page. I would like a blog inside that area on the blog page, so a blog on a separate page with its own layout is not what I'm looking for.
Googling this doesn't really help me much since the majority of the hits are on sites offering blog services.
Thanks in advance, I hope I'm not being too difficult. Please leave some feedback on my question if you think there are things I should have tried out before asking.
If i understand what you want the answer is that ist is not possible in pure html and css. With only Html and css you can not make a blog (if you dont want to edit the source everytime you write an entry and have to make a new file for each entry and so on).
You need some code (php or so) that is able to store and load the entrys into your site.
Html and css are not meant to make things working. With Html you define the elements so that they are structed and then with css you "style" your work. But for the task of a blog (i think you want an editor for the text on the site, the ability to edit, delete, more than one site and so on) you need something like php or aps.net that is able to "interact".

Embed a banner linking to another site

What I need to do is add a banner/icon to a page that is says people are a part of our organization. Kind of like the icons at the bottom of this website, the peer1 hosting one or the cc-wiki one.
I however will have my own link and image, but I was wondering if someone can help me with some code that can do this. Thanks a lot!
Edit:
Okay let me rephrase this since it was unclear the first time
I want to be able to add a code snippet that people can add to their website, that will present a banner for a "Parent" site. This banner will link back to that site, and we would be able to gather statistics of who is linking to our site as well as how often. Is this possible with simple or tags.
I know some HTML, but my main languages are Java, C Sharp, and Objective C, so web stuff is definitely not my forte. My boss just came up to me and asked me to do this, and I truly do not know how. Thanks for any help!
You could always use something like:
<a href='http://parentsite.com/default.aspx?id=[the id of the sub-site]'>
<img src='http://parentsite.com/images/image.aspx?id=[the id of the sub-site]' />
</a>
That would create a link to the parent site, and render the web page as an image. IF you then put an img tag inside the web page then it would render as the image on the sub-site and you could also log a hit for that site. Putting the id on both means that, when the img tag loads, you can record the number of times that users have loaded any page with that image on it, and you can record the number of times that users click the link.
This may not be the most efficient way of doing this, but it is one way.
Something like this?
<img src="your_image" />

Blog into a table

I am currently revamping my own website, however, I have tried dotclear and chyrp, both are very good.
However, after many attempts trying to make the bog appear only in a table, I am giving up.
My aim is to have a blog inside of a table as shown in the image
http://i55.tinypic.com/2rfbtrn.jpg
Does anyone know how I can achieve that or know any other easier way or even another blog engine that allows me to do that?
Thank you.
Regads.
Of course, I don’t have the technical details of your web application, but one way would be to place your blog inside an IFRAME (either instead of a table, or place the IFRAME inside the table).
If you want to do thing properly (not using an iframe), it is not possible at all. The reason is that a CMS generate a complete page, with a header and internal link.
My suggestion is to do it the other way: adapt the CMS to display a menu on the left and a title above.
In dotclear, this can be done easily by doing a template. Even better: your goal might be achievable by using some dotclear theme and some extensions like "simplemenu".

Enlarging Image in New Window?

I just did a quick search for my question and couldn't find anything directly on point.
I'm still very new to HTML and was wondering if someone could tell me how I could add a picture to my website and set the code so that if I click on it, it enlarges the picture in a new window.
I'm going to be adding around 600+ pics to my website so I was also wondering if there's a way to write the code once and have it apply to all the pics I add.
Thanks in advance,
- Danny B.
There's many many ways in which you could do this. The basic HTML for inserting an image with a link to a new window will be:
<a href="enlarged.html" target="_blank">
<img src="photos/photo-name.jpg" />
</a>
But it is a fair bit more complicated if you want to be able to dynamically display a large number of photos. If you want to code this yourself, you'll want to look into using something like PHP to output the HTML code automatically for 600+ images. Then instead of pointing the link for each to a new page, you might want to consider having the images load in a cool way, such as a javascript lightbox/colorbox some of the other answers suggest.
One possible alternative solution might be to look for some pre-created photo album script. I don't have any experience of these so I'll let someone else make some suggestions on that.
There are several ways to do this, but I'm assuming you'll have a simple site with lots of images on one page, and you'd like the images to zoom open "in a cool way".
Check out this: http://colorpowered.com/colorbox/
... click on View Demonstration and then see the various photo handling options.
This needs just some basic HTML and minimally configured Jquery. Very simple to use and produces a nice effect.
Google around using the keyword lightbox. Most of the solutions are ready-to-use Javascripts. Just include once, assign some IDs/classes, execute during onload and that's it. I personally have good experiences with Lightbox2 and jQuery Lightbox plugin.
I decided to go w/ target="_blank" -- Lightbox2 seems like it'd be great, but I'm really not sure how to use it and where to put all the code. The instructions I've found for it still assume the user has some standard knowledge in the field, that of which I do not currently possess. So, I'll stick to the target/blank approach until I can get more familiar w/ coding and then I'll upgrade to Lightbox.
Once again, I want to say thanks to everyone. You guys always respond quickly and accurately.
With much appreciation,
- Danny B
The simplest way would be to add a link to it, and set the target attribute to target="_blank". The link should point to the image itself. This would regularly open a new tab though, if you want a whole new window, you should tryhref="javascript:window.open('myimage.png','_blank','toolbar=no,menubar=no,resizable=yes,scrollbars=yes')",which would open a new, standalone window. If you're looking for fade/resize effects and such, try one of the other answers posted.