SWEDISH WEB DESIGN

Hemsida

2011-11-15T22:23:00.002+01:00

1. DIN EGEN HEMSIDA !

Så här gör du själv en helt gratis hemsida här på Blogger (Blogspot). Den är snygg, enkel att hantera och uppdatera och är problemfri. Dessutom kan man välja mellan en hel del olika teman (utseende och design), lägga in olika nyttiga moduler så kallade Gadgets mm. Det man behöver för att sätta igång är endast ett gmail-konto som också är gratis (och mycket bra att ha).

► Klicka här for att skapa ett gmail konto.
► Klicka här för att börja bygga din hemsida. (Logga in med ditt gmail-konto)

2. Eget Domännamn !

Företagets namn punkt se (www.exempel.se) eller .com .nu .eu .net .org och så vidare. Domännamnet kan kopplas till de ovanstående alternativen.
Man kan registrera en domän hos olika "registrars" De jag testat nu i 10 års tid med goda erfarenheter är Loopia, de erbjuder även bra webhotell.
► Klicka här för att registrera ett domännamn hos Loopia

Kontakta gärna SW för hjälp med din hemsida. Klicka på knappen nedan för att skicka e-post till swedish.webdesign

Redigera din hemsida

2011-06-09T15:59:00.003+02:00

Gå till:
http://www.blogger.com
Logga in med ditt gmail konto (email-adress och lösenord)
Välj: Redigera inlägg
För att redigera första sidan klicka på "Redigera"
För att redigera en annan sida (till exempel "Meny") välj Fliken [Redigera sidor], välj vilken sida du vill redigera och klicka på "Redigera"
Lycka till !

Translate your website

2011-05-12T22:02:00.000+02:00

http://translate.google.com/translate_tools

Transfer Photos from iPhone to PC

2011-03-22T12:34:00.000+01:00

1) Cntr+Altr+Del
2) Task Manager/Processes
3) Find ''itunehelper'' and select it and ''End process''
4) Connect your iphone, make sure when you are connect, you are on homepage. (not keypad lock/Passcode)
5) Than it (iPhone) will open with autoplay- or auto-appear in file explorer
6) Right click on Your iPhone and select "Import Pictures and Videos"
7) Enjoy

Flytta bilder från iPhone till PC

Photoshop

2011-03-21T13:00:00.000+01:00

Professional Glossy “Download” Button | PhotoshopStar
Create a Nice Stylish Glossy Button in Photoshop « Core GFX
A Showcase of 30 Beautiful Natural Photoshop Textures
Photoshop Styles - Gold Text :: Photoshop Files :: FREE Downloads :: Clik International
Adobe Photoshop tip: A gold cup
Free web development icons #4 - Download Royalty Free Icons and Stock Images For Web & Graphics Design

Fixa till Designen

2011-03-21T00:41:00.000+01:00

HEADER HEIGHT :))
/* Header-----------------------------------------------*/
#header-wrapper{width:950px;margin:0 auto 0;height:70px;background:url() top right no-repeat;padding-top:25px;overflow:hidden;}

HEADER COLOR
#header h1 a,#header h1 a:visited{color: #33ccff;text-decoration:none}
33ccff (turkos)

MENY-BAR TEXTLÄNKAR
a:link,a:visited{color:#ff9900;outline:none;}
(ff9900) (även länkar) 33ccff

MENY-BAR BAKGRUNDSFÄRG
#crosscol-wrapper{background:#003399;}

BACKGROUND COLOR (and background image)
<style type='text/css'>
body{background:url(https://lh6.googleusercontent.com/_wrlQa9_aukY/TZOLahWELUI/AAAAAAAAACs/ISI62ybZDHE/background.png) top left repeat-x;background-color:#33ccff;color: #3e3c3c;font:75% "Helvetica Neue",Arial,Helvetica,sans-serif;margin:0px 0px 0px 0px;padding:0px;}
33ccff (turkos)

DE TUNNA IRITERANDE LINJERNA OVANFÖR MENY-BAREN och footern
#content-wrapper{background:#f7f7f7;border-top:4px solid #7d0000;border-bottom:4px solid #7d0000;}
(7d0000) 3399ff

SÖKRUTAN
#search{border:1px solid #425160;height:30px;margin-top:20px;padding:0;background:#660000;text-align:right;overflow:hidden;width:305px;float:right;}

FOOTER
#footer{background:#33ccff;padding:18px;text-align:center;color:#fff;font-size:13px}
#footer2{color:#7e8891;font-size:11px;text-align:center;background:#33ccff;padding:10px}

PAGES och POST RUBRIK TEXTFÄRG
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:#003399;font:normal 22px Arial, Verdana;}

TA BORT POST-DATUM
HITTA <h2 class='date-header'><data:post.dateHeader/></h2> OCH TA BORT <data:post.dateHeader/>
KVAR ÄR BARA <h2 class='date-header'></h2>

TA BORT HELA FÄLTET MED Datum, Author mm.
KOMMENTERA MED /* och */ SOM VISAS HÄR NEDAN
/* .postdate{padding:1px 4px;font:11px Arial,Verdana;background:#cccccc;color:#3e3c3c}
.postdate img,.postmeta img{border:none;vertical-align:middle;margin:2px} */
OCH KOMMENTERA MED  SOM VISAS HÄR NEDAN


ÄNDRA SLIDESHOW MÅTT mm. (Sök efter myGallery)
#myGallery,#myGallerySet,#flickrGallery{width:610px;height:340px;z-index:5;margin-bottom:20px;margin-top:15px;overflow-y:hidden;}

MAKE EVERYTHING TRANSPARENT
#outer-wrapper {background-color: transparent;}
#main-wrapper {background-color: transparent;}
#sidebar-wrapper {background-color: transparent;}
#left-sidebar-wrapper {background-color: transparent;}

EXPERIMENTERA
#content-wrapper{background:#f7f7f7;border-top:4px solid #3399ff;border-bottom:4px solid #3399ff;}

png images with transparent backgrounds in Blogger?

2011-03-04T21:05:00.000+01:00

Go to: Design/ Edit HTML, change whatever color code to none

.post img{padding:0px;background:none;border:0px solid #bfbdbd;margin:0 4px 4px 0}

Ändra kolumn färger

2011-02-28T06:35:00.000+01:00

/* Columns
----------------------------------------------- */
.main-outer {
border-top: $(main.border.width) solid $(body.rule.color);
}

.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 1px solid $(body.rule.color);
}

.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
background-color:#313131;
}

HTML

2011-02-28T03:29:00.000+01:00

Favicon

2011-02-15T10:23:00.000+01:00

Create and host your favicon at: http://www.iconj.com
paste yor favicon code (here is a example):


<link rel="shortcut icon" href="http://www.iconj.com/icon.php?pid=4oxxxxme1g" type="image/x-icon" />


in your blogger HTML template just before </head>

Loop Picasa slideshow

2011-02-09T01:19:00.003+01:00

Go to your web-picasa album and start the slideshow. Now copy the web address and put it on your blog post or page in a <iframe>
Youre done :)

<div style="position:relative;
top:-20px;
overflow-y:hidden;overflow-x:hidden;height:440px;width:580px">
<div style="position:relative;
top:-50px;
left:-40px;
overflow-y:hidden;overflow-x:hidden;height:100%;width:100%">
<iframe name="g26" style="border:0px double " width=650 height=510 src="https://picasaweb.google.com/108048850740176980730/Sample#slideshow"></iframe>
</div>
</div>

Here is example with scroll bar and that iritating black frame removed (adjust size):