Webdesign…

|

…af Ulla Thorup Nielsen…

Posts Tagged ‘WordPress’

Smileys for WordPress – tegn…

lørdag, juli 9th, 2011

Der findes 22 smileys for WordPress – se dem herunder. Symbolerne for smileyen er skrevet mellem ”  “…

Har du problemer med at få det til at virke, så læs mere HER

Glade smileys

“:)” 🙂  “:lol:” 😆  “:-D” 😀

“:P” 😛  “;)” 😉

Farverige

“8)” 8)  “:mrgreen:” :mrgreen:  “:oops:” 😳

Vrede

“:evil:” 👿  “:twisted:” 😈   “:x” 😡

Andre udtryk

“:(” 🙁  “:cry:” 😥  “:o” 😮

“8O” 😯  “:roll:”. 🙄

“:|”  😐  “:?” 😕

Tegn

“:!:” ❗  “:?:”.  ❓

“:idea:” 💡  “:arrow:” ➡

Læs også om

Facebook smileys

Smileys og glade SMS tegn…

php – et andet sprog…

søndag, april 17th, 2011

Så er jeg begyndt at arbejde med php.

Jeg har redigeret en del i WordPress skabelonerne. Det er en ret god øvelse – at redigere i eksisterende skabeloner.

Men nu begynder jeg da at forstå, hvad det handler om – og kan da også mere og mere…

Det giver lidt nogle andre muligheder.

Jeg skal se, om jeg kan finde frem til det kodesæt, der styrer sidevisningen i browser menuen. Det er lidt problemet med frames og iframes, når jeg laver sider med KompoZer.

Flere plugins til spambeskyttelse

søndag, april 10th, 2011

Har fundet nogle flere plugins.

SI CAPTCHA Anti-Spam : Se eksempel her. Farvede bogstaver på farvet baggrund.

NuCaptcha: Se eksempel her. Bevægelige røde bostaver.

Spambeskyttelse med matematik…

lørdag, april 9th, 2011

Fandt et andet lille plugin – med enkle matematikopgaver – som jeg synes bedre om…

Fordelen er, at man selv kan skrive sin følgetekst til feltet – så det kommer til at stå på letforståeligt dansk.

WordPress og Google Analytics

tirsdag, januar 11th, 2011

Følg instruktionen på denne video

Blog-layout: eftertanke.dk – skabelon Fusion

torsdag, december 30th, 2010

Jeg har en blog på eftertanke.dk – som bruger WordPress.

På Fusion skabelonen er det muligt at lave en del ændringer i stilarket.

I det følgende kan du se kodestykker til ændring af layoutet på Fusion skabelonen.

Koderne sættes ind i boksen under Fusion Tema indstillinger.

Find flere farver her: | Find farvernes #værdi |

______________________________________________________

Side-top

Bannerbillede

#page-wrap1{ background: transparent url(http://billedearkiv.dk/billedenavn.JPG) repeat-x left top; }

#page-wrap2{ background: transparent url(images/header-center.jpg) no-repeat center top;

height: 200px; min-height: 500px; width: 100%; display:block;}

(NB: Billedet skal beskæres, så det er 200px I højden)

Blogtitel: Tekst farve og størrelse

#header h1 a{ color: #bbff00; text-decoration: none; font-size: 50px;}

#header h1 a:hover{ background: none; color: #bfbfbf;}

Blogbeskrivelse: Tekst farve og størrelse

#topnav{ color: #bfbfbf; padding-top: 20px; font-size: 130%;}

____________________________________________________

Spaltebredde og marginer

#page.with-sidebar #main-wrap #mid-wrap { right:0%; /* width of the 2nd column, 0 because it doesnt exist */ }

#page.with-sidebar #main-wrap #side-wrap { right:55%; /* width of the main column */ }

#page.with-sidebar #main-wrap #mid { width:55%; /* width of main column */

left:55%; /* same */}

#page.with-sidebar #main-wrap #sidebar { width:34%; /* width of the sidebar */

left:55%;}

#mid-wrap, #side-wrap { float:left; margin-left: 30px; width:100%; position:relative;}

#sidebar-wrap1{ background: #transparent url(images/side-start.png) no-repeat left top;

padding-left: 28px; ; margin-left: 30px; margin-top: 10px; height: 100%;}

______________________________________________

Indlægsspalten

Indlægstitel: Tekst størrelse

h2{ font-family: “Palatino Linotype”, Georgia, “Tahoma”, “Century Schoolbook L”, Arial, Helvetica;

font-size: 375%; font-weight: normal; margin: .6em 0 .3em;}

Indlægstitel: Linkfarve

.story h2 a:hover, .post h2 a:hover, .story h3 a:hover, .post h3 a:hover{ background: none; color: #663366;}

Indlægstekst: Tekst størrelse

p{ line-height: 140%; margin: .4em 0 1em; font-size: 105%}

form p{ margin: 0;}

Billederamme

.post .postbody img, .attachment img, .navigation .aligncennter img, .navigation .alignleft img, .navigation .alignright img { padding: 10px; margin: 4px 10px; border: 1px solid #663366; border-radius: 4px; -moz-border-radius: 4px; background-color: #efefef}

.post img.alignleft, .attachment img.alignleft{ margin-left: 0; }

.post img.alignright, .attachment img.alignright{ margin-right: 0; }

.post img.aligncenter, .attachment img.aligncenter{ margin: 0 auto; text-align: center; }

Linkfarve

a{ color: #663366; text-decoration: underline;}

a:hover{ color: #fff; background: #663366; text-decoration: none;}

____________________________________________

Sidebar

Overskrifter: Tekst størrelse og farve

#sidebar .widget h2,

#sidebar2 .widget h2{ background: transparent url(images/div-h2.gif) repeat-x left bottom; color: #444444; padding-bottom: 2px; font-size: 125%; margin-bottom: .4em;}

Linkfarve

#sidebar li.linkcat a, #sidebar2 li.linkcat a,

.widget.widget_links ul li a, .widget.widget_meta ul li a, .widget.widget_categories ul li a, .widget.widget_archive ul li a, .widget.widget_pages ul li a, .widget.widget_recent_entries ul li a{ color: #444444; text-decoration: none; margin-left: 10px; display: inline-block;}

Linkfarve: Aktiveret link

#sidebar li.linkcat a:hover, #sidebar2 li.linkcat a:hover,.widget.widget_links ul li a:hover, .widget.widget_meta ul li a:hover, .widget.widget_categories ul li a:hover, .widget.widget_archive ul li a:hover, .widget.widget_pages ul li a:hover, .widget.widget_recent_entries ul li a:hover{ color:#A4126E; background: none; text-decoration: underline;}

_____________________________________

Sidenavigation: Ældre og nyere indlæg (sidefod og top) – farve og størrelse på linktekst

.navigation{ font-size: 110%; color: #444444; margin: 0; padding: 0;}

.navigation a{ text-decoration: none; color: #000000;}

.navigation a:hover{ background: none; color:#A4126E;}

______________________________________________

Kommentarformularen: Farve på linktekst og linkbaggrunde

a.comments, .story p.postcontrols a.comments, .post p.postcontrols a.comments{ background:transparent url(images/post-icons.png) no-repeat 2px bottom; padding-left: 19px; color:#A4126E;}

a.comments:hover, .story p.postcontrols a.comments:hover, .post p.postcontrols a.comments:hover{ background: #A4126E; color: #fff;}

a.no.comments, .post p.postcontrols a.no.comments{ color: #A4126E;}

a.no.comments:hover, .post p.postcontrols a.no.comments:hover{ background: #A4126E; color: #fff;}

li.comment .details.admincomment .head{ background: #663366 url(images/postinfo-bg-admin.gif) repeat-x left bottom; color: #fff;}

#mid ul.menu a.active, #mid ul.menu a.current{ background-position:0% 0px; color:#a4126e;}

#mid ul.menu a.active span, #mid ul.menu a.current span { background-position:100% 0px; color:#a4126e;}

Installer Word Press på one.com

torsdag, december 30th, 2010

Word Press er en gratis blogeditor – med et væld at skabeloner og redigeringsmuligheder.

Fremgangsmåde:

Find installationsfilerne til Word Press (WP) HER. Download Word Press til din PC.

Vælg et navn til din blog, og opret en mappe på dit domæne med det navn. Eksempel: mappenavn: minblog -> blognavn: minblog.domænenavn.dk.

Brug en ftp uploader, og upload Word Press filerne til den mappe du har valgt. Være obs på at det kun er indholdet i den downloadede Word Press mappe, som du uploader. Det vil sige de tre mapper: wp-admin, wp-content og wp-includes + de filer der ligge i samme mappe – blandt andet index.php.

Når filerne er uploadet til din mappe, åbner du installationsproceduren fra din browser, ved at åbne den webstedsadresse du har valgt til din blog. Eksempel: minblog.domænenavn.dk. Herfra bliver du guidet gennem installationen – der er meget nem – og kun tager få minutter.

Til installationen skal du bruge:

Oprettelse af forbindelse til database:

Navnet på din MySQL database på one.com. Det finder du ved at logge ind på one.com – åbne phpMyAdmin – og klikke på linket databases.

Dit brugernavn – er dit domænenavn med _ i stedet for .. Eks: mitdomæne_dk

Din adgangskode til MySQL databasen finder du også på phpMyAdmin. Jeg kunne dog ikke helt få det til at fungere med det. Så jeg valgte at lave en ny adgangkode ved at åbne: Avanceret – på one.com menuen.

localhost – skal du ikke ændre ved.

Præfikset i det sidste punkt under installeringen bestemmer, hvordan filerne skal ligge i databasen. Det felt er sat til wp_ . Vælg i stedet et unikt navn: f.eks. min_ , navn_ , eller noget andet. Hvis du opretter flere Word Press blogs, eller andre funktioner, der lagrer informationer i din MySQL database – så bruges præfikset til at sortere hvilke data, der tilhører hvilke blogs og funktioner.

Titel og bruger login

Titel på din blog. Den kan ændres igen.

Vælg et brugernavn. Det skal du bruge når du fremover skal logge dig ind på din blog. Det navn kan ikke ændres igen.

Vælg derefter en adgangskode. Den skal du bruge når du logger på din blog. Den kan ændres igen.

Så skulle bloggen være klar til brug…