Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams


My portofolio Design technique

experiance sharing web design web technique

  • Please log in to reply
&nsbp;

#1 GoldenZ

GoldenZ

    Junior Guru

  • Designer
  • 432 posts

Posted 06 January 2010 - 09:42 PM

Hello Design Contest Members :)

Today I would like to share some techniques I did for my website tho- it will be usefull..

view my Website here

Tools I used:

  • Photoshop CS4
  • Dreamweaver CS3

Layout Concept: DIV
Photos Popup effect: Jquery Fancybox-1.0.0 ( these for the Ajax popup images)

* For the Photo Layout Scroller I used a Div and specify a height, with a CSS Overflow: auto, thats gives the function of the iframe which is a normal css

The Overflow Scroller Box Style
.web-design  {
	position: absolute;
	left: 41px;
	font-size: 14px;
	color: #8F8F8F;
	text-align: justify;
	overflow: auto;
	height: 350px;
	width: 782px;
	top: 13px;

}

I'm not sure is it a good idea to share my Design Technique, But anyway we didn't born good designers, Otherwise we get to learn till we cover everything :)

I hope my design techniques gives newbie designers new ideas on how to improve their designs with the latest web technique in the world wide web,

Best Regards,

#2 XandroV

XandroV

    Junior Member

  • Designer
  • 3 posts

Posted 05 February 2010 - 07:24 AM

thanks for idea..

#3 GoldenZ

GoldenZ

    Junior Guru

  • Designer
  • 432 posts

Posted 05 February 2010 - 11:56 PM

nothing to thanks for xD you welcome.
-Amr

#4 the3storeys

the3storeys

    Junior Member

  • Designer
  • 10 posts

Posted 20 February 2010 - 11:02 PM

some good work

#5 atondex

atondex

    Senior Member

  • Designer
  • 247 posts

Posted 23 February 2010 - 08:04 PM

Thanks for sharing that, although I generally try to avoid absolute positioning.

Nice work none the less !

#6 GoldenZ

GoldenZ

    Junior Guru

  • Designer
  • 432 posts

Posted 23 February 2010 - 08:12 PM

atondex,

Why trying to avoid Absolute position? Its Peace of cake, I admit its hard at the first time, but seeing some tutorials make it easy to learn!, Now all my work are all Divs with relatives and absolute positions. I Can Say it makes my life easier lol

One of the sites i made with Absolute Positions
Drakeplus.com

Its really Compatible with Firefox and IE all versions. There isnt any difference if u view it on Internet explorer or Firefox or opera .. But using tables you will have a bit px between Firefox and IE

At the end every designer works as the way he feel comfortable to. Thanks for the comment :)

-Amr

#7 colekins

colekins

    Member

  • Designer
  • 34 posts

Posted 23 February 2010 - 11:56 PM

Pretty cool.. is that the mac osx wallpaper as the background image?

#8 GoldenZ

GoldenZ

    Junior Guru

  • Designer
  • 432 posts

Posted 24 February 2010 - 04:20 AM

Pretty cool.. is that the mac osx wallpaper as the background image?


You can Say so ^^

#9 Gabber

Gabber

    Junior Member

  • Designer
  • 21 posts

Posted 25 February 2010 - 03:36 AM

And you see no problem with that? ^^

#10 Guest_Gestaltungsbude_*

Guest_Gestaltungsbude_*
  • Guests

Posted 22 March 2010 - 10:02 PM

your are working with Photoshop CS4 and Dreamweaver CS3? It´s compatible?

#11 GoldenZ

GoldenZ

    Junior Guru

  • Designer
  • 432 posts

Posted 22 March 2010 - 10:26 PM

Im Sorry, I meant Vise versa I'm working with Photoshop CS3 and Dreamweaver CS4 and Yes they are compatible with each others as Dreamweaver has a standalone installer as the Photoshop.





Also tagged with one or more of these keywords: experiance sharing, web design, web technique

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users