Tag Archives: Background Image

How big is to big for a back ground image?

I used to be just wondering exactly what everyone though about sizes for foundation images. What is a good size for them and what exactly is to big Relating to all ways heard that as long at they are usually under a meg then they work effectively but I realize that a meg can be to big. With regard to download size… under 40k if it is going to be an integral part of your design (e. gary the gadget guy. a frame or border on your site). But in the event that it’s just the ambient background image, I would visit as big since 200k. A megabites is ridiculous. Aim to have the most basic background image likely.. if its up and down repeated eg get 800×1, if its orizontail tumble 1×100 and also try to use transarency and also table colors in making them smaller ANY background image should not even be near 1Mb. The background picture should be no more than you can ensure it is. You can start using a gif format together with indexed colors that will control the size from the image. PNGs tend to do better when compared with GIFs for great BG … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Creating a navbar with buttons built into the background?

Iv been attempting to create a navbar using the buttons already about the background rather than inserting them ostentatious later, reason being usually I want make use of an enmbossing effect in photoshop to create the buttons seem to be set into navbar. Can anyone tell me if you experience a way with inserting an invisible picture or box powering the navbar which can often anchor the website to Regards If there are a background image, you may place a totally transparent image over your background (instead with behind it). That image is usually a 1 X 1 pixel that is certainly white, with all the transparent color fixed to white… next save as. gif In which case you use that image and squeeze desired size and put over this background. Instance, my 1 a 1 image is called " pixel. gif" < some sort of href=" http: //www. google. com" > < img src=" pixel. gif" width=" 30" height=" 15" alt=" " /> < /a> =============== Option 2, Buy a normal picture and " Map" them using HTML impression mapping. http: //www. javascriptkit. com/howto/imagemap. shtml I like like the " pixel. gif" idea better when you could make change … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Simple Tips ´n tricks to make cool designs in Dreamweaver.

Acceptable some background details. Im taking any class which educates us webdesign. Recently we recieved a task to create a website intended for whatever or whomever we want and I want some extra capabilities, that our teacher didnt teach us the way to do, in the page to create a good impression. What we figured out was basic CSS such as: Custom link colour, Different heading, incorporating images to containers. Also we learned the way to add flash films, pictures and background image, aswell because make the background " unscrollable". Im only 17 so all tips n tricks is appreciated Forgot to speak about that we employ Dreamweaver cs3. Always use Google to get tutorials… Case in point: http: //www. search engines. com/searchhl=en& source=hp& q=css background image& aq=f& oq=& aqi=g10 Is a teacher having you upload your files into a website, or is actually everything executed offline… on that PC only To begin with i must state i allways work with tutorials, like when i use actionscript SEVERAL or make adobe flash animations, but my dilemma was some hip stuff people can see on a website which is relatively easy to complete for a newb dreamweaver in addition to hopefully … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Cool, Free background images

Yea so i’m making a web site. I would generate the images me but my Mac crashed hence the school admin set it up an older mac pc and well, the item sucks – realy sucks. Once i try to create a gradient fill it will eventually take three minutes just to do that. Thats why we would like some free photos. So do any one know any great background images 1024 times 768 which fits a dark made up website with 80% see-thorugh black content packing containers with white typoghrapy Please post a connect to the image – Thanks in advance. Whats your blog What does it deal with To get a notion on the species of Theme. You can also do a Search on google for Images " Darkish Background Image 1024 x 768" I’m always collecting cool textures for used in BGs, etc. Here’s some of my links: Textures http: //www. textureking. com/ http: //www. greepit. com/2009/04/12/60-beautiful-high-resolution-texture-collection/ http: //www. smashingmagazine. com/2009/02/06/100-beautiful-free-textures/ http: //webdesignledger. com/freebies/29-most-useful-texture-packs-of-2008 http: //webdesignledger. com/freebies/30-most-incredible-textures-for-vintage-style-design http: //webdesignledger. com/freebies/40-beautiful-patterns-and-textures-for-ornate-backgrounds http: //webdesignledger. com/freebies/80-fresh-new-textures-for-creating-web-site-backgrounds http: //www. greepit. com/2009/04/12/60-beautiful-high-resolution-texture-collection/ Thx , Im making site to get a group of pen game developers. This can be a good concept to … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Which background should I use?

That is the best searching background for our site therefore… what do people think ForUsToBe supplies a series of articles focused upon eco-friendly technology, inventions, organic products and ways to a modern green lifestyle. Unquestionably 9 choose 9 MY SPOUSE AND I suggest no ON THE LOOKOUT FOR. It suits the most and is the majority of eye catching. I love shipping design. THREE is interesting and also sophisticated; 1, 2 and 9 look good if a ordinary background is preferred – colour will depend on your target target market. the people with the timber as background plus 10 are too difficult to read the text if you don’t change the backdrop opacity of copy – and probably also fade your background image so it isn’t really so attention grabbing Yes 9 is the one Effectively, you can choose the background image for your website form online and you can even create a background in your website but keep the first thing in mind the fact that design of background needs to be relevant to the content of your respective website so that anyone might get a clear idea about the theme and the content of one’s website by just … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , | Leave a comment

CSS Anyone?

Hello there! I am a new graphic designer along with I normally endeavor to stay on the designing end of websites, but I will be trying to start out learning CSS as you are still need it despite DreamWeaver. I get created a split page with apdivs. For some reason it suddenly went to flush left within the browser and I have tried and experimented with and can’t figure out what I need to do to get that centered again, would you mind a quick look at it and giving me some assistance with what I should do to get it centered I’d personally GREATLY appreciate them!!! Hallmark Automotive Collection While I didn’t look at this with an excellent toothed comb, I did notice that you seem to have many absolute positioning that doesn’t Really should be there. An easy wrapper would maintain page nice and also centered, but you’d ought to completely rebuild, or at least reposition your absolute positioning. Sometimes you simply really have to use it, but for my sanity, I don’t use absolute location unless completely required. i agree with OrlWebDesign, you dont ought to position everything applying CSS, you can merely align things with the … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , | Leave a comment

Background image and div tags.

Hello forum, My organization is having the hardest time wanting to figure this out and about. Here it should go. (My end game is to secure a scrollable text box that does not move when people resize the internet browser window. ) My organization is using Dream Weaver CS5 The website My organization is working with, My organization is having some issues. This is the challenge. I have a. psd I ‘m using that when my layout. I center it and also add a backdrop color to the item. I then place a div tag and size it through the margins to are position to where I need it to around correlation with my personal layout. When I let that happen and preview in browser it really is all messed up it is not aligned to where I’d like to see it to. After i resize the web browser window the div label seems to just be in one place. It’s like My organization is using an ap div that we tried but don’t work was getting the same result. Now when I head over to the box options and chose remaining auto and correct auto it focuses the div … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

NEED HELP PLS!!??

howdy guys, i am designing a web page for my assignment and possess a problem…. Here is my Problem: We have used a In terms of iron background for my personal website and fixed it on a single place, so no move when my spouse and i scroll. To give it an extra effect, i created some sort of rollover image as well as positioned it in the eyes of your iron man bg implementing AP Div. But i want the AP Div to keep on one place, without moving it when i scroll the page and the rollover effect must still work, because everytime i summarize with the mouse the eyes should begin to glow because of the rollover effect. That rollover effect operates, but everytime my spouse and i scroll the article the " Eyes" move also. To provide you a greater overview… here are generally some images… Here is an image of the website when a person visit it…. look at the eyes regarding " iron man" Graphic – TinyPic : Free Image Internet site, Photo Sharing & Online video media Hosting < < < Right now the eyes are generally glowing.. Graphic – TinyPic : Free … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , , , , , | Leave a comment

Divs Give me Different Layout in Ie and CSS – Can Anyone Help??

I am just finishing a web site where I want two columns with coloured boxes in order to align underneath both: 3rd left box 184px height ——–1st right field 184px height 15 px space ————————10 px space Following left box ————————2nd correct box I’ve used CSS and also Divs (rather than tables) but cannot understand why the item aligns properly with IE but around Firefox and Chrome the 2nd left hand proverbial box appears 10px as well as so below the next right hand common box. This site is http: //www. specialistangliansecurity. co. uk/ and the particular relevant code is definitely: 3rd left box: Code: #menuitems situation: relative; top: 0px; vertical-align: prime; width: 319px; peak: 184px; padding: 0px; margin: 0px; border: 0px; background-image: url(‘.. /security-images/navigation-bk. jpg’); background-repeat: no-repeat; overflow: hidden; 1st perfect box: Code: #gallerysection situation: relative; z-index: 50; height: 184px; thicker: 621px; padding: 0px; margin: 0px; border: 0px; . gallerycontainer situation: relative; top: 0px; vertical-align: prime; height: 184px; thicker: 621px; padding: 0px; margin: 0px; border: 0px; z-index: 50; background-image: url(‘.. /security-images/security-imagesbk. jpg’); background-repeat: no-repeat; 2nd remaining box: Code: #companies situation: relative; top: 10px; vertical-align: prime; width: 319px; peak: 448px; padding: 0px; margin: 0px; border: 0px; background-image: url(‘.. /security-images/company-bk. jpg’); … Continue reading

Posted in Web Design | Tagged , , , , , , , , , , , , , , , | Leave a comment
Page 5 of 7« First...34567