Ina Anjuta - Kunst og design
Hjem Gratis bloggdesign Portfolio malerier Flg bloggen Designhjelp

67

Hvordan f kommentarhjerte/boble

Denne er litt komplisert for de som ikke kan koding, men skal legge ut en forklaring p hvordan jeg gjr det. Jeg har sikkert en helt annen metode enn alle andre. Kanskje denne er mest komplisert, men uansett.

Stilsett ( design>rediger>stilsett )

1. Lim inn hele koden under nederst i stilsettet:

}

.entry .meta span{

float: right;

font-size: 23px;

font-family: times,Arial, Helvetica, sans-serif;

color:#686868;

margin-top:-45px;

margin-right:-35px;

}

.comment-bubble {

float: right;

background: url(URL TIL HJERTE ELLER BOBLE) no-repeat;

width: 85px;

height: 52px;

font-size: 48px;

margin-top: -44px;

text-align: center;

margin-right:-50px;

}

Husk lagre!

Maler ( design>rediger>maler )

2. Kopier denne koden:

<b:if cond='data:post.allowComments'>

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if>

3.Den skal limes inn rett over kommantarer som vist i et eksempel under:

<b:if cond='data:post.allowComments'>

<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>

</b:if>

<span>

<tag:if test="${EntryCommentCount == 0}">

<a href="${EntryPermaLink}#comment">0</a>

<tag:elseif test="${EntryCommentCount == 1}" />

<a href="${EntryPermaLink}#comment">1</a>

<tag:else />

<a href="${EntryPermaLink}#comment">${EntryCommentCount}</a>

</span>

Legg merke til at jeg har tatt bort der det str "kommentarer" osv. fordi det der ikke fint ut i hjertet eller boblen.

3. Mens du er i gang kan du tilfye <span> og </span>over og under kommantarer. Akuratt som jeg viser ovenfor.

4. Husk gjre det samme i alle fire maler.

5. Finn en boble eller et hjerte som du vil bruke. Eller lag et selv. Last det opp p imageshack.us eller photobucket.com. Kopier direct-link, alts url til bildet og lim det inn i stilsettet der det strURL TIL HJERTE ELLER BOBLE.

6.N har jeg stilt inn slik at det kodene passer til min egen blogg og det kan hende at du m endre en del p hvor hjertet eller boblen skal ligge. Da m du endre p tallene der det str: margin-right:-50px bde under .entry.meta span og p .comment-bubble i stlsettet.

7. For endre farge p tallet, alts linken til kommentarene m du lime inn denne koden nederst i stilsettet:

.entry .meta span,.entry .meta span a,.entry .meta span a:link,.entry .meta span a:visited,.entry .meta span a:active { color: #868686; }

Hvis du vil ha hvit skrift i hjertet bytter du bare ut koden med #ffffff;

Hper du forstod denne forklaringen og at det ikke ble mye!

  • 6

    Maleri av baby under prosess del 1

    Har ftt en bestilling p et maleri av en liten baby. Som jeg fremdeles maler p , er ikke i nrheten av ferdig men tenkte jeg skulle legge ut bilder av prosessen og hvordan bildet blir til.

    Bilde1. Den lampa delegger fotografiet litt men. Hittil ser ungen ut som noe du ikke ville mtt en sen natt da du gikk alene.





    bilde2.






    Bilde3




    Bilde4




    Dette er ikke sluttresultatet! Men lover at det skal bli ferdig om noen f dager. N har jeg sagt det, det er ingen vei utenom. N m jeg rett og slett male det ferdig! ( Jeg trenger et dytt noen ganger nr jeg skal gjre ting ferdig skjnner du )

    Ps. Ja jeg vet at alle bildene har forskjellig strrelse. Jeg lastet opp alle bildene i samme strrelse men av en merkelig grunn har alle bildene endret strrelse av seg selv, selvom bildene er tatt med speilreflekskamera og hy opplsning.

  • 15

    Fikse infolinje. Det meste av endringer du fr gjort.

    Hvis du f.eks nsker endre p infolinjen i seg selv s kan du bare lime inn denne koden nederst i stilsettet:

    }

    .entry .meta {

    font-family: Times, Sathu, arial; <---skrifttype

    font-size: 11px; <---skriftstrrelse

    font-weight: normal; <---tykkelse p skrift

    color: #555555; <---farge p skrift. som ikke er link

    background-color: transparent; <---bakgrunnsfarge p infolinjen

    padding: 3px ; <---tykkelse p bakgrunnsfarge om du ha det. den endrer ogs p mellomrommet

    top: -5px; <---- forhold mellom infolinje og overskrift

    text-align:left; <---Om den skal ligge til venstre, hyre eller i midten

    }

    Men n er kanskje linkene en annen farge enn skriften generelt:

    S for slippe g inn i maler styre s kan du bare lime inn denne koden nederst i stilsettet

    .entry .meta ,.entry .meta a,.entry .meta a:link,.entry .meta a:visited,.entry .meta a:active { color: #555555; }

    S da er det bare endre p fargekoden #555555 til en annen fargekode s har du fikset det .

  • 15

    Dele sidemeny opp i bokser metode 1 og 2

    Hadde helt glemt legge ut denne koden!

    Enkel metode 1:

    Her er koden:

    #side div {

    background-color: #FFFFFF;

    padding: 8px;

    margin-bottom: 10px;

    border: 1px solid #cccccc;

    }

    Den skal limes inn nederst i stilsettet (design>rediger>stilsett )

    Hvis boksene skal vre hvite og du i tillegg har en hvit #wrapper s m du huske endre fargekoden under der til #transparent (som er gjennomsiktig)

    Husk ogs gjre om bakgrunnsfargen til #transparent under #side hvis du har #side i stilsettet.

    Litt mer komplisert , metode 2

    Du kan dele opp sidemeny i bokser p en annen mte, da fr du bedre kontroll over hva som ligger i hver boks:


    1. Lim inn denne koden nederst i stilsettet:

    }

    #box {

    background-color:#ffffff;

    padding: 10px 10px 10px 10px;

    margin: 0 0 10px 0;

    overflow: hidden;

    border: 1px solid #cccccc;

    Lagre og g inn p design>rediger>maler

    2. Da limer du inn denne koden i alle malerne over det du vil ha i boksen: <div id="box">

    3. S avslutter du med legge inn denne koden under det du vil ha i boksen: </div>

    Eksempel:

    <div id="box">

    Innhold som du vil ha i boksen

    skal ligge innenfor her

    </div>


  • 62

    Gratis design #8 Lysgr

    Etter foresprsel har jeg laget et s plaint design som mulig, selvom jeg mtte legge til et rundt profilbilde s det ble litt kulere.(det kommer automatisk)

    Hper dere liker det!

    Headerstrrelse: 990x400px

    Strrelse p bilder i innlegg: 800px



    Kommentarfeltet:


    Her er kodene:

    Stilsett

    Maler forside

    Maler innlegg

    Maler kategorier

    Maler arkiv

    Eneste forutsetning for at designene er gratis er at dere IKKE tar bort at jeg har laget det. Ellers er det lov endre s mye dere vil. De fleste er flinke og det er hyggelig :) Dere som tar bort linken vet kanskje ikke at det er ganske enkelt for meg finne ut av.

    Sette inn design?

    1. Kopier hele stilsettet jeg har lagt ut.

    2. Trykk p design

    3. Trykk p rediger

    Her dukker stilsettet opp.(css)

    4. Ta bort alt som str der. Det skal vre helt tomt.

    5. Lim inn stilsettet jeg har lagt ut.

    6.Kopier de fire malene jeg har lagt ut hver for seg og lim inn der den skal. F.eks der jeg har skrevet innlegg skal inn i maler>innlegg osv...

    7. Husk at det er FIRE maler, du m legge inn p alle sidene. Det er egen mal for innlegg. Ellers er det samme mal for bde forside, kategori og arkiv.

    Sette inn header i design?

    Header:

    1. Lag en header i strrelse 290 i hyden og 950 i bredden. (hyde kan endres p senere i stilsettet hvis det ikke passer helt men s lenge bredden passer)

    2. last den opp iimageshackellerphotobucket(lag en konto om du ikke har)

    3. Kopier opp url , alts der det strdirect link

    4. G inn p design>rediger>stilsett. Lim url inn i stilsettet , erstatt med det som jeg har markert med uthevet skrift nedenfor. ikke mer eller mindre.

    eksempel:

    #header {

    background-image: url('http://img256.imageshack.us/img256/6233/skohvitt3.jpg');

    Sette inn profilbilde?

    1. finn denne linjen i alle malene:

    <img style="float: center; border: 0;" src="http://img99.imageshack.us/img99/2784/lilladameblassetut1.png" height="190">

    2. bytt ut det som str med uthevet skrift og lim inn url til det bildet du nsker ha som profilbilde.

    3. Hvordan du finner url til valgt bilde har jeg beskrevet ovenfor. Samme som nr du skal sette inn header.

    Om designet:

    - Dette designet er laget etter en mal som gjr det veldig enkelt gjre endringer. Og enkelt legge til ting, som f.eks en meny.

    - Profiltekst kan legges inn p vanlig mte, du trenger ikke g inn i maler for gjre det

    Liker du designene mine? Flg meg p bloglovin! bloglovin

  • 11

    Noe dere nsker jeg skal legge ut?

    Dette er et snt "Hva vil dere at jeg skal legge ut mer av p bloggen?" innlegg.

    Alt fra koder og toutorials , designnsker , ting som har med kunst gjre, men jeg begrenser meg ikke til bare kunst og design fordi dette er ogs en blogg. S det kan vre hva som helst !

    Skjnner at mange av dere nsker gratis design og slikt, s da er det bare pse ut med hvordan type design dere vil at jeg skal lage neste gang!

    Dette innlegget kommer til ligge i menyen senere ogs, snn at du nr som helst kan sprre om noe du vil lese om p bloggen.








    Akuratt n sitter jeg i sola og chiller! Vr!



  • 12

    Bli en bedre blogger? Styr unna de verste punktene

    Apropos hva som er kjedelig lese om p blogg:

    Siden jeg fikk s mange fine svar p hva folk synes er kjedelig lese om p blogg tenkte jeg lage et innlegg om det.

    Folk synes dette er kjedelig:

    - Oppramsing av dagen. Uten noe mer innhold

    - Innlegg med masse tekst uten avsnitt og bilder

    - Blogginnlegg om at du ikke har noe skrive om

    - Klage innlegg

    - Rotete design

    Min mening:

    - Mainstream, hvis du bare skriver om typiske ting som alle andre skriver om.

    - Klageinnlegg uten en ironisk undertone. Dersom det er en ironisk undertone fr det helt motsatt effekt. Elsker humoristisk negativitet.

    - Siste innkjp er kun interessant dersom du har kjpt noe nevneverdig. Hvis du har kjpt deg en vanlig plain sort genser p H&M er det hyst uinteressant.

    - Missvisende overskrifter. Da blir man bare irritert nr man finner ut hva innlegget egentlig handler om.

    - Har kanskje ingenting med kjedelig eller ikke kjedelig gjre men takler ikke sorte blogger med hvit skrift, Da ser jeg sorte striper foran ynene mine lenge etterp.

    Hva liker folk lese:

    - Outfits

    - Varierte innlegg

    - Godt sprk uten mange skrivefeil

    - Hr og sminkevideoer og videoer generelt

    - Tips om diverse ting

    - Blogger med et tema

    - Musikk

    Hva liker jeg lese om:

    - Tips! Det kan vre allslags tips. Hud, hr, sminke , blogg tips osv

    - Humor! Liker lese morsomme innlegg. Ironi og sarkasme for de som klarer bruke det p en morsom mte

    - Kreative innlegg som f.eks kunst og ting man kan lage

    - Meninger om forskjellige ting. Enten om blogging eller serier hva som helst, meninger!

    - Videoer hvis det ikke er snn teit fjolle-video.

    - Talenter. Blir alltid imponert over talenter.


    Her er et bilde av noen av skoene mine. Som forvrig ikke har noe med innlegget gjre.

  • 4

    Mnedens blogg ble.....

    Ja da har jeg kret en vinner!!

    Det ble rett og slett Anniken R Strand!




    Jeg er bde ganske enig i svaret hun hadde og s likte jeg bloggen hennes.

    21 r , Bor i Oslo er opprinnelig trnder. Studerer musikkteater.

    Hun blogger om alt mulig , men det er frst og fremst en hverdagsblogg med mange morsomme og litt sre blogginnlegg, og jeg elsker alt som er litt srt og trrvittig.

    Hun har ogs teater og filmanmeldelser p bloggen sin.

    I tillegg har hun nyeste innkjp , som for det meste er sko innkjp, men det er greit fordi sko er best!

    Det er en blogg jeg vil anbefale!

    PS: Det kommer opp i menyen ganske s snart.

  • 17

    Mnedens blogg? Hva er kjedeligst lese om p blogg?

    Ja n har du mulighet til bli linket med bilde en hel mned i toppmenyen min. I tillegg vil du f en liten omtale om bloggen som vil ligge i organictabsmenyen!

    S hvis du vil f flere lesere s br du delta!

    Det eneste du m gjre er svare p dette sprsmlet!

    "Hva er kjedeligst lese om p blogg og hva er mest interessant? "

    Den jeg synes har det beste svaretVINNER!






    Konkurransen blir avgjort om ca 2 dager!



    PS. skjedde noe feil med forrige innlegg s lager et nytt. Men de som deltar der er fremdeles med.

  • 7

    Vil du bli mnedens blogg?



    Det er ca en million r siden jeg hadde ukens blogg sist, fordi jeg har hatt s mye gjre!

    Derfor tenkte jeg at jeg skulle ha MNEDENS BLOGG!

    Den som vinner fr bildet sitt med link og en omtale om bloggen i toppmenyen min, og fr lov til vre der en hel mned!

    Du vil f flere lesere p bloggen din

    Eneste du m gjre!

    1. Kommentere p dette innlegget.


    Om noen dager vil VINNEREN bli kret!

  • 16

    Hvordan skal det nye gratisdesignet se ut?

    Driver lager et nytt gratisdesign, men s lurer jeg p om jeg skal gjre noen endringer!

    S da lurer jeg p : Hva er det dere vil ha?

    Her er designet forelpig:



    Br jeg ta bort dropdownmenyen eller kanskje gjre designet den mrkere?

  • 10

    Dette er ikke fotografier!

    Wow... Mtte bare legge ut disse bildene tegnet med blyant av Paul Cadden.




    Bilder lnt p nrk.no

  • 2

    Angende bestilling av design

    Fr en del bestillinger p design derfor tenkte jeg og skrive litt informasjon om det.

    Jeg tar bestillinger p design!

    Jeg lager ikke headere forelpig. Med mindre det inngr i designet.

    - Et design koster 150-200 kr. Det kan bli mer eller mindre utifra hvordan type design du nsker.

    - Forsk og skrive s detaljert som mulig om hvordan du nsker at designet skal se ut. Da blir det lettere og vite hvordan du lnsker at det skal se ut. Hvis du kan fylle ut alle punktene under ville det vrt supert!

    • Farger
    • Skrifttype (snn ca)
    • Hvordan type meny du nsker
    • Hvordan kommentarene og kommentarfeltet skal se ut
    • Bred eller smal

    Bestill over mail: inaanjutablogg@hotmail.no

  • Ina Anjuta
    inaanjutablogg@hotmail.no

    N har du akuratt forvillet deg inn p min "nettside"/blogg. Denne siden fungerer som er slags online portfolio av mange av mine arbeider innenfor kunst og design. Jeg et utdannet Mac-operatr, jobber som grafisk designer og denne bloggen handler mye om utvikle disse ferdighetene enda mer, og legge ut arbeider og prveskisser fra skole og privat. Jeg elsker designe og skape ting, og har laget en rekke bloggdesign til blogg.no. Mange av disse er gratis design som du kan finne verst i menyen.
    Bortsett fra dette s er bloggen min ogs et sted hvor jeg fr uttrykt min overflatiskhet ved legge ut bilder av te-kopper, sminke, innkjp og andre rosa ting i hverdagen, med en unnskyldning om at jeg lrer meg ta bilder med min canon 550D.

    Instagram

    Kategorier

    Arkiv

    Siste innlegg

    bilde



    hits

    Tilkomstgruppen