It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I'm coding a PSD template into html/css. The file consists of about 50 layers, which I have exported to PNG with a Photoshop script.
I started like this:
<div id="container_1">
<div id="container_2">
<div id="containter_3">
etc
</div>
</div>
</div>
Each layer is exactly the template size, with transparent background. At first I was happy with this approach, as it worked all right and allowed me not to worry about positioning much, but as the number of divs is now enormous, the code starts looking weird to me, not to mention the page loads really slowly now.
This must be a really stupid question to ask, but should I have cropped the images after exporting them from the PSD? Maybe even combine several layers together instead of putting them on the page separately one over another (there are several layers that create a decorative border around blocks with text)?
You could give this tutorial a try: http://net.tutsplus.com/articles/news/slice-and-dice-that-psd/
Related
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 9 years ago.
Here is the link: http://codepen.io/uniZero/pen/fvkjJ
I tried to Google "fixed image backgrounds" or something similar but the result is not the same beautiful webpage with multiple backgrounds that are changing when users are scrolling the site.
I'd appreciate if someone can point me into the right direction so I can explore more and learn how to make something similar?
What are the pro and cons for such type of websites???
Thank you all in advance :)
Actually, the backgrounds are not "fixed". What's fixed is the <header>.
This technique is called as... ta-da! Fixed headers. Or, when you are using Twitter Bootstrap, they call this "Fixed Navbar" - and it's a very common component in websites using it.
The key of these is just setting an position: fixed (as you may have noticed), and a possible z-index value, so it's always on top.
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
Can anyone help by providing some samples, or examples to generate a css class to re-produce the effect similar to outlook.com's login page?
Where the page is centralized, splitted into 2 halves, the left side containing an image, and the right side with the login fields
not a downvoter, had a look at the Outlook site; nearly threw up when I had a look at the source code Outlook.com:
and their css is well... see for yourself.
What I'd do is build a page with two colums of predefined width (can use absolute values in this case). So a class of column width in pixels, and have this assigned to two sections - one featuring the image, and the other featuring the login/ everything else. If the page is resized to be smaller one should appear below the other - which is nice degrading.
You possibly could have an image and a login box without using CSS and somehow configure the login box to be middle aligned with the image - but it's a bad solution and certainly using deprecated code.
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I have a huge problem with converting my pre-existing HTML based webpage into Joomla.
I have tried for the last 36hours to figure out how this Cms works, and it all seems to be a waste of time. I wonder if there is any quicker solution in my case? Or do I have to adapt my entire content and rewrite big chunks of code? It doesnt seem to be any easy way to just add the HTML i have and just work with what i already have. I am really content with my webpage as it is, all I want is to publish it and enable some login panel for admins and lower level admins...
Some guidance here thanks
Turn off the editor (edit your profile and set editor to none) and then create an article for each html page by just pasting in the html (but not the head or the body tags).
Have you looked at the beginner materials?
http://docs.joomla.org/Beginners
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
I have an html page with an area designed using css. I'm looking for suggestions if we can export an html area as an image.
Any help is much appreciated.
Well I think you want to take a screenshot of a particular portion or elements in your web page. If that is the case, it is not possible with just CSS and you need JavaScript.
Google is doing this in Google+ and a talented developer reverse engineered it and produced http://html2canvas.hertzen.com/ . To work in IE you'll need a canvas support library such as http://excanvas.sourceforge.net/
Take a screenshot using your preferred software. GIMP is free and capable.
If that software gave you a full screen screenshot (rather then a region), use an image editor to crop it.
http://cutycapt.sourceforge.net/
http://iecapt.sourceforge.net/
http://www.websitescreenshots.com/
http://www.princexml.com/
http://khtml2png.sourceforge.net/
http://linkpeek.com/
It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 12 years ago.
I have to create below type html page. background (orange) image.
HTML gurus, Please help out.!
<div id="container">
<div id="top_container">
<!--Put the background image in this div.-->
</div>
<div id="bottom_container">
<!--Input stuff-->
</div>
</div>
What are you trying to accomplish in recreating the image? Are you trying to add specific functionality to your website? Please be specific. If you are just trying to recreate the look of that website, you could easily just View Source to see for yourself.
In the meantime, I highly suggest reading through the W3Schools tutorials on HTML and CSS. It will explain everything you need to know about creating your own web forms, background colors, and so on.