I am using Impress Pages and currently using the theme "Air." At the top of the page, how do I move the picture to the center of the page. Secondly, below the picture, I have added text; how do I increase the font size? Thirdly, is there a way to change the white color in the center box to another color?
Everything you can modify in templates existing CSS file or you can create new one and include it in template header.
Before anyone else down votes your question, I have some suggestions which I hope you'll take seriously. First of all, as I understand from your questions, you have very limited knowledge about HTML, CSS and probably none about JavaScript. Follow these links (many people may disagree with my suggestion on w3schools, but that site is the best place for beginner - as I began my journey with that site - in my opinion. Feel free to suggest more) and have some study first. It'll take some days considering how much time you'll invest on that study. Then you'll have a general understanding of how things work and will be able to ask specific questions about your problems.
Building web sites may at first seems an easy work. But as you begin learning stuff you'll realize that to create some serious stuff, takes many years of practise. So, after following those links and having some general idea about how html and css works, you can go install a Wordpress or Joomla site and use some free stuff which are even used by the experienced developers to save time on development simple sites with simple requirements.
Also, using StackOverflow, you have some rules / recommendations to follow. If you take a moment and follow them, your questions will be much appreciated and you'll be able to benefit from other people's experiences.
I am just trying to help here, as I was (and everyone in this community) a beginner once.
Good luck on your journey!
Down and dirty method in the admin panel (while figuring out later how to modify code in ImpressPages):
Drag the image icon to the content area, and insert the image.
Drag another image icon to the left of the new image, but do not insert an image. Drag a second one to the right of the new image...using both of these as placeholders. ImpressPages automatically divides the available space, leaving the image centered.
Related
Hello guys! first of all, I`m a noob in programming, have been learning
about 2 months+ now.
I`m currently half way coding a news / blogging website (e.g Mashable) using HTML, CSS, Javascript, Php (coding it from scratch to learn).
But Im kinda confuse now,
as far as I know, If I`m not going to use any type of CMS (e.g Wordpess). I will have to use a FTP software like FileZila.
If I need to update the website every hour, is it better to create it under Wordpress or Drupal?
If Im going to use FTP to update, wouldn`t it be time consuming to create a new html file and insert all the necessary tags again and again every time u need to post a news? How do people usually do it?
Sorry for the really noob question. Will appreciate any answers and advice on this, thank you!!
The fastest way is to use a CMS - it could be any CMS like WordPress or Drupal or some other.
You will need to upload the files via FTP every now & then, which although manageable, is cumbersome. Using a CMS would give you the opportunity to scale your news website in future to do numerous things, for example set featured news items, or allow different people to contribute articles & so on.
So to answer your 2 questions:
If your files are going to be changed frequently, it's better to use a CMS.
It will be time consuming to create new files & add the necessary tags, etc in it every time.
Having said that, the uses of a CMS span much beyond the above 2.
Gallery - http://schnell.dreamhosters.com/wallpapers.php
The purpose of this gallery is simple - store a lot of wallpapers and sort them by resolution and/or aspect ratio for people to browse and download as they like. There's a few features I've wanted to work in, but I'm not quite sure how best to do them or how to do them at all. The presentation is in HTML 4, CSS, Javascript and jQuery + plugins. The work behind the scenes is done in PHP.
1 - Make the images downloadable without 'Save Image As...'. Right now I'm using a contrivance whereby clicking the Download link in the bottom-right of each image's box opens a new box with instructions telling the user to 'Right Click. Save Image As...'. I'd like to avoid this entirely if possible.
2 - Make the searching and sorting faster and more efficient. Right now all the images are stored in a folder on my webspace and I use a shell command and a lot of fancy filtering in PHP to get the images I want based on the filters (the page number I'm on and the aspect ratio or resolution I chose). I thought of maybe doing something with MySQL, but I haven't quite figured out yet how I'd do that and maintain the structure my page has.
3 - Make the images load faster. There's probably no easy coding solution to this, so this one is more of a 'I wish' than a 'I want to'.
4 - Improve the layout. This one is more subjective and 'artsy' I suppose, but any suggestions would be nice.
5 - An upload system. Give the ability to upload your own wallpapers and maybe include a short description or some tags. I have absolutely no idea how to handle this as I've never worked with uploading of files before. And this also leads to...
6 - A tagging system or some other type of user-made sorting system. Again, no experience here.
Any insight on any of these issues would be great, and feel free to throw in any suggestions of your own.
Send the files with the MIME type "application/octet-stream" to make a browser download rather than display them
It would definitely be better to store information about the images in a database rather than exploring the filesystem
The images really aren't loading slowly for me, so I can't really suggest anything here. If your site gets larger (much larger) you might want to look into CDNs
The layout is OK but it needs some design, it's incredibly plain at the moment. It would also be nice to see more information on the images - what they are of, where they're from, who made them, etc (don't forget: correct copyright attribution)
You probably want to read the PHP handbook section on handling file uploads. To handle description and tags, you'll definitely want a database of some sort.
Also not hard if you have a correctly formed database. If you've never designed a schema before you probably want to learn a little about normalisation and many-to-many relationships to do the tags.
Lastly you didn't ask for it, but it'd be nice if it were possible to have the same image in multiple resolutions (quite common on image sites - think Flickr, Deviantart, etc).
I know there are lots of gallery scripts out there, but I don't know if any of them will fit my needs. I'm looking for something extremely simple that I can seamlessly incorporate into an existing website to replace the old manually updating every page method. There are 4 categories and an archive, and I'd like to be able to give a title and description to each photo, and search within the 4 categories, or the archive.. The current gallery works with a list of 8-10 thumbnails per page and when you hover over them, a large preview shows up in the empty space at the right. The title and description for each photo is added in photoshop to each image, which is a big reason to update this (this was done by the original web designer, not me).
The server runs linux with PHP and MySQL.
Does anyone know of something that fits my needs, or is simple enough for me to modify to meet my requirements?
Thanks
Edit: Thanks for the replies, but these aren't really what I'm looking for; sorry for not making it clearer. I want a CMS type system where I can easily add the photos through an admin panel and then have the front-end a bit more up to me.
My personal fave, not so known but very stylish and easy to use:
http://www.pirolab.it/pirobox/
One of the most widespread and very easy to setup is Lightbox 2:
http://www.huddletogether.com/projects/lightbox2/
There are a ton of others, you can google for "lightbox script"
and find something that maybe fits your taste more.
But for these 2 I can say from personal experience that are
stable, work nicely and easy to use.
I set up something for my wife to link work samples during a job search. I used smoothgallery ( http://smoothgallery.jondesign.net/ ) which is very lightweight. It is just the gallery UI essentially, and basically rewrites the DOM for a specially tagged unordered list if I remember correctly. So the gallery organization is up to you, but its as easy as a little php + mysql to output the list.
I want to have a photo album on my website such as this:
http://www.yelp.com/biz_photos/B9S9wNChMFRz6IAL_0n6pA?select=ADeqFE2Tj2s7eM8WuQibbQ
I'm looking for something where the photo that is displayed is also highlighted as thumbnail below that so that users can select photos rather than having to click next.
Also, I want to be able to have multiple photo albums so each set of thumbnails is different. Perhaps something where the whole page doesn't have to reload, but just the photo itself and the highlighted thumbnail?
I've done some research but I'm unsure of which type is best ie- PHP, javascript, etc...
I only have experience in HTML, CSS, and basic javascript and limited PHP.
I'm hoping somebody can point me in the write direction as to what to look for.
Thanks
Learn jQuery.
http://www.jquery.com
Rejoice!
http://blueprintds.com/2009/01/20/top-14-jquery-photo-slideshow-gallery-plugins/ <-- take your pick.
The jquery cycle plugin is fantastic and super easy to set up:
http://jquery.malsup.com/cycle/
and specifically it has the ability to do auto-thumbnailing as navigation:
http://jquery.malsup.com/cycle/pager2.html
If you know CSS you can take it from there.
As I myself am not the best (but still trying to get better!) when it comes to the more UI related technologies (CSS, JS, HTML etc), I have found using popular libraries such as JQuery Tools to be quite helpful and very easy to use. I believe the widget below matches up with what you are looking to do, and it also comes with a tutorial and helpful customization examples:
http://flowplayer.org/tools/demos/scrollable/gallery.html
Best of all I think JQuery Tools and Flowplayer are open source, so that means once you get the widget working, you can also delve into the code to try to gain a better understanding and hopefully one day take your own crack at a similar solution.
Good luck!
I've created a website for a relative. However, after making the whole thing, the relative says she didn't understand that the design pictures I sent her were scaled 1:1, so she wants the website "bigger" (basically the same thing as pressing Ctrl+plus in Firefox).
Do I have to redo all CSS and design, or is there a better way to do this?
There's going to be some css work, but how much depends a lot on how you built it.
I would have thought you're going to have to resize images etc, but you may well just be able to increase the size of your frame and page sections relatvice to each other and up the text size a bit.
This should get you part way there...
You have several options, but either way you're looking at rewriting some CSS. Your choice will depend upon the actual website.
Move to a larger fixed width site. Keep in mind that 960px wide is about your maximum for this. This will account for browser chrome at 1024x768.
Change over to a fluid width site. This site will expand to fit your browser. If your site is heavy on graphic elements, this might not be your best option. However, many people like a site expanding to fit their whole browser window.
If you use a CSS framework like YAML it has support for "zooming" the whole page.
I don't think the zoom property in CSS is reliable enough yet, so I'm afraid you will have to go back to the drawing board. Now for future reference, you know to send them a sample of the work before it is completely finished!
That's just one advantage of only using variable values for any styling like em or even better ex... With them you'd just have to adjust your basic font-size a few pxs higher and boom; everything's got bigger.
Still, to your question: Depends on how many fix values you used, the more, the longer it will take to adjust it to be "bigger".
But for the future I really encourage you to use variable sizes for almost anything as there is no disadvantage in it and it makes your website 100% resizable.