Page 1 of 2 12 Last
  1. #1
    warhead's Avatar
    Registered
    31/08/03
    Location
    Drongen
    Posts
    102
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    HTML: Frame in photoshop

    Ik heb deze site gemaakt met photoshop
    ier is em

    Maar nu zouk graag een reepje ervan ebben zodak da kan instellen als background zodanig dat da zichzelf altijd maar herhaalt, weet er iemand hoe ik da moet doen?

    En om daar nu tekst, informatie in te krijgen hoe zouden jullie da doen? ik kan er alleen maar een Iframe in plaatsen ma dan ist zo lelijk mee 2 scrollbars, moeilijk om te scrollen, lelijk dus, iemand een idee hoe ik et et best zou doen?

    greetz
    no votes  

  2. #2

    Registered
    18/11/02
    Location
    Eke, België
    Posts
    2,448
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Selectietool gebruiken om het stukske aan te duiden da ge wilt laten herhalen en dan 'Edit -> Crop'.

    Ge hoeft nie per se met een iframe te werken hé, ge kunt het ook gewoon als ééngrote pagina laten, maar dan moet ge wel op iedere pagina uw navigatie overnemen. Tenzij ge met PHP en includes werkt. Server Side Includes is ook nog een oplossing, maar dat moet door uw host ondersteund worden (net als PHP).
    no votes  

  3. #3
    warhead's Avatar
    Registered
    31/08/03
    Location
    Drongen
    Posts
    102
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Quote Originally Posted by DarkBone
    This quote is hidden because you are ignoring this member. Show
    Selectietool gebruiken om het stukske aan te duiden da ge wilt laten herhalen en dan 'Edit -> Crop'.

    Ge hoeft nie per se met een iframe te werken hé, ge kunt het ook gewoon als ééngrote pagina laten, maar dan moet ge wel op iedere pagina uw navigatie overnemen. Tenzij ge met PHP en includes werkt. Server Side Includes is ook nog een oplossing, maar dat moet door uw host ondersteund worden (net als PHP).
    crop? da zie ik nie staan oor

    awel da probeer ik nu te doen, niet met een Iframe werken en de pagina gewoon altijd herhalen maar dan heb ik een klein stukje (in de breedte) achtergrond nodig zodanig da da dan den elen tijd kan herhalen (in het html document eh nie in photoshop)

    dus da ge dan zegt background="stukjephotoshop" en da lukt nie

    greetz

    edit: dit gebeurt er dus als ik er meer tekst in schrijf hoe kan ik dat nu verhelpen? hier klikken
    Last edited by warhead; 27-08-2004 at 19:54.
    no votes  

  4. #4
    [Scratch]'s Avatar
    Registered
    10/01/03
    Location
    Peer
    Posts
    338
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by DarkBone
    This quote is hidden because you are ignoring this member. Show
    Selectietool gebruiken om het stukske aan te duiden da ge wilt laten herhalen en dan 'Edit -> Crop'.
    Dat kan af en toe wel zeer vervelende effecten of gevolgen hebben als je met layer style werkt. Ik heb mezelf aangeleerd altijd de selectie te copieren met CTRL+SHIFT+C en dan CTRL+N en CTRL+V

    Op die manier neem je een soort screenshot van je selectie en paste je deze in een nieuw bestand. Zo hoef je ook niet te croppen in je origineel bestand
    no votes  

  5. #5
    LunchBox's Avatar
    Registered
    18/07/02
    Location
    Deurne
    Posts
    3,854
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    14/14
    kbegrijp wat ge bedoelt ivm layerstyles scratch, maar bij uw methode duikt ook een mogelijk probleem op nl. ge kopieert enkel de inhoud van de huidige layer -- je zou kunnen flattenen alvorens je kopieert maar er bestaat een betere methode die beide oplost en nog eens resulteert in een duidelijke aflijning van alle site-afbeeldingen.

    die methode is uiteraard de slice-tool gebruiken (en ik raad ten stelligste aan dit in imageready te doen en niet photoshop), die slaat een afbeelding op (safe for web; selected slice only) binnen de boundaries aangeduidt door de slice en met alles wat op die moment visueel zichtbaar is. kortom zo bekom je een ontwerp vol regionen die verschillende afbeeldingen gaan worden. (denk er wel aan, het worden gifs dus een header-image met foto sla je best apart op naar jpg)

    de benaming van de afbeeldingen wordt bepaald door de naam van je slices vandaar doe je er ook best aan volgende methode te hanteren: plaats eerst guides op je ontwerp; maak een selectie -- zet deze om naar een slice via "make slice from selection"; benoem je slice en hupla je kan gaan outputten naar (een) gif-afbeelding(en).

    nu kan je dus op een vrij snelle manier eenzelfde reeks buttons bekomen met verschillende tekst; of je gaat een template-button layerset kopiëren en de tekst aanpassen waarna je verschillende slices in één keer opslaat, of je past de tekst van eenzelfde slice aan waarna je de slice-naam aanpast en gewoon de 'selected slice' opslaat naar gif; verder moet je nergens rekening mee houden het opslaan naar die correcte benaming gebeurt automatisch.
    Last edited by LunchBox; 28-08-2004 at 06:12.
    no votes  

  6. #6
    [Scratch]'s Avatar
    Registered
    10/01/03
    Location
    Peer
    Posts
    338
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by LunchBox
    This quote is hidden because you are ignoring this member. Show
    kbegrijp wat ge bedoelt ivm layerstyles scratch, maar bij uw methode duikt ook een mogelijk probleem op nl. ge kopieert enkel de inhoud van de huidige layer
    Nope, CTRL+SHIFT+C copiert alle layers net alsof je je layers geflattend hebt, dat is nu net de power van CTRL+SHIFT+C
    no votes  

  7. #7
    warhead's Avatar
    Registered
    31/08/03
    Location
    Drongen
    Posts
    102
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    et slicen da lukt allemaal oor en het is mij nu ook gelukt om zo'n slice te nemen van de achtergrond, dank daarvoor, maar nu krijgek da nog altijd nie als achtergrond in mijn html file (kijk naar de screenshot van ierboven)

    greetz
    no votes  

  8. #8
    LunchBox's Avatar
    Registered
    18/07/02
    Location
    Deurne
    Posts
    3,854
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    14/14
    zo leer ik ook nog'ns een shortcut bij se, quite handy - hopelijk was de rest van m'n uitleg niet voor nix
    no votes  

  9. #9
    @lcedo's Avatar
    Registered
    12/10/02
    Location
    Lokeren
    Posts
    171
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    As ge in imageready save optimized as... gedaan hebt en als html opgeslaan dan zet photoshop da normaal gezien als html-file + mapke images, nie?

    Elke afbeelding staat dan in nen <td> dus ipv <td><img sr="bron afbeelding"></td> neemt ge gewoon <td background="bron afbeelding">En dan hier inhoud zetten</td>

    Het gaat ook wel mee css geloof ik wss iets als <td style="background-image: URL("bron")"></td> ma da wetek nie zeker
    no votes  

  10. #10
    LunchBox's Avatar
    Registered
    18/07/02
    Location
    Deurne
    Posts
    3,854
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    14/14
    het eerste dat ge doet nadat ge "save optimized as" hebt gedaan in imageready is die .html file dat'm heeft gegenereert deleten, laat het een goeie tip wezen - dat bestand is nix waard en je bent beter af zonder.

    verder werk je uiteraard beter met css oplossingen dan <td background=""> te gebruiken wat ook alleen maar voor problemen kan zorgen in verschillende browsers. leer zeker het concept validatie & "volgens de regels werken" wanneer je verder wil gaan in webdesign. geldt dus ook voor @lcedo.
    no votes  

  11. #11
    @lcedo's Avatar
    Registered
    12/10/02
    Location
    Lokeren
    Posts
    171
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Kweet dat het beste is om w3c valid te werken met css enz...
    Maar denkt toch dat het html-doc van imageready toch een goede basis is voor aan een site te beginnen, mits wat aanpassingen moet het wel lukken om da valid te krijgen.
    Bovendien kan je in photoshop ook al de rollover states instellen van al die afbeeldingen en wordt alles zo schoon in een javascriptje gegoten.
    no votes  

  12. #12
    [Scratch]'s Avatar
    Registered
    10/01/03
    Location
    Peer
    Posts
    338
    iTrader
    0
    Mentioned
    0 Post(s)
    Quote Originally Posted by LunchBox
    This quote is hidden because you are ignoring this member. Show
    zo leer ik ook nog'ns een shortcut bij se, quite handy - hopelijk was de rest van m'n uitleg niet voor nix
    Lol, see, you are never to old or skilled to learn eh

    Ik doe bijna niets anders als CTRL+SHIFT+C en dan CRTL+ALT+SHIFT+S (save for web ) als ik aan't photosoeppen ben ...
    no votes  

  13. #13
    LunchBox's Avatar
    Registered
    18/07/02
    Location
    Deurne
    Posts
    3,854
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    14/14
    Quote Originally Posted by @lcedo
    This quote is hidden because you are ignoring this member. Show
    Maar denkt toch dat het html-doc van imageready toch een goede basis is voor aan een site te beginnen, mits wat aanpassingen moet het wel lukken om da valid te krijgen.
    Bovendien kan je in photoshop ook al de rollover states instellen van al die afbeeldingen en wordt alles zo schoon in een javascriptje gegoten.
    het eerste klopt al niet, imageready voegt een reeks onnodige col-rowspans toe waar een gebruiker niet aan uit zal kunnen (en dit omdat het programma geen logische opbouw kent); in een editor (wat diezelfde beginner het allemaal eens in zal willen bekijken) vertaalt zich dat in die extra cells aan boven-en zijkant van de website. wanneer je tdwidth/tdheight niet standaard meegeeft (kortom wanneer je imageready's safe-for-web niet goed afstelt) ga je helemaal nergens komen want wanneer je een afbeelding verwijdert verspringt alles.

    je tweede punt gaat over imageready-rollovers, heb je die code al eens onder de loep genomen.. dah's zowah hetzelfde als een heel boek lezen terwijl je maar de naam van een hoofdpersonage moest weten. lees gerust eerst de achterkant en ge zijt er misschien al. rollovers zijn iets van niets eens je de allerkleinste basis van javascript hebt bekeken dus die dingen maak je evengoed even zelf.

    conclusie: weg met die html file van imageready.

    @[Scratch]: i agree, iedere keer mijn photoshop opengaat leer ik wel ergens iets bij of kom ik wel tot een 'nog veelzijdigere' manier om ergens toe te geraken. (al weiger ik om te slicen in photoshop maar dah's een ander verhaal)
    Last edited by LunchBox; 30-08-2004 at 01:16.
    no votes  

  14. #14
    warhead's Avatar
    Registered
    31/08/03
    Location
    Drongen
    Posts
    102
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    oke keb et dus gevonden

    nie lachen eh, kwas vergeten images/ dervoor te schrijven lol
    zo idioot eh, da da van zoiets kan afhangen

    toch merci eh mensen
    no votes  

  15. #15

    Registered
    18/11/02
    Location
    Eke, België
    Posts
    2,448
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    sterf.

    (just kidding *few*)
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in