Results 1 to 13 of 13

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    _
    Join Date: Apr:2006
    Location: _
    Posts: 1,128

    ïîä÷åðòàâàíå íà ðåä â dreamweaver

    íàïðàâèõ åäíà òàáëèöà íà dreamweaver è èñêàì êîãàòî ñëîæà êóðñîðà öåëèÿ ðåä íà òàáëèöàòà äà ïîä÷åðòàâà ò.å äà ñå äîáàâÿ ëåê áÿë ñëîé íà öåëèÿ ðåä. Èìà ëè íà÷èí òîâà äà ñòàíå?

    èëè ñ íÿêîÿ äðóãà ïðîãðàìà èëè javascript
    Last edited by Red_Leader; 21st May 2009 at 22:58.

  2. #2
    Registered User tedych's Avatar
    Join Date: Nov:2003
    Location: Ïëîâäèâ
    Posts: 17,654
    Òîâà âèäÿ ëè ãî?
    Ïðèíöèïíî îò äîñòà âðåìå íå ïîëçâàì DW, îñâåí çà Coldfusion ÷àò ïàò êàòî âòîðè ðåäàêòîð, íî íå çíàì çà äðóãè îïöèè çà highlight.

    Êîëêîòî äî âúïðîñà òè îò Ëè÷íîòî, ïîñòíè ãî â äðóãàòà ñè òåìà, ùå ñå íàìåðÿò õîðà ñ ïî-ïðîôåñèîíàëíî ìíåíèå îò ìîåòî.

  3. #3
    _
    Join Date: Apr:2006
    Location: _
    Posts: 1,128
    Quote Originally Posted by tedych View Post
    Òîâà âèäÿ ëè ãî?
    Ïðèíöèïíî îò äîñòà âðåìå íå ïîëçâàì DW, îñâåí çà Coldfusion ÷àò ïàò êàòî âòîðè ðåäàêòîð, íî íå çíàì çà äðóãè îïöèè çà highlight.

    Êîëêîòî äî âúïðîñà òè îò Ëè÷íîòî, ïîñòíè ãî â äðóãàòà ñè òåìà, ùå ñå íàìåðÿò õîðà ñ ïî-ïðîôåñèîíàëíî ìíåíèå îò ìîåòî.
    ñ êàêâè ïðîãðàìè èçãðàæäàø óåá ñàéòîâå, ïðåäïîëàãàì íå ãè ïèøåø íà notepad

  4. #4
    Registered User genn's Avatar
    Join Date: Feb:2003
    Location: Ãåðìàíèÿ
    Posts: 1,215
    Íåùî òàêîâà ëè òè òðÿáâà?
    Ïðàâè ñå íàé-ëåñíî ñ íÿêîé javascript framework... òîâà êîíêðåòíî å jQuery.
    Âèæ ñîðñà, çà äà âèäèø êàê å íàïðàâåíî...
    Ôàêò÷èñåêè, çà äà ãî ïîäêàðàø ïðè òåá, òðÿáâà äà íàïðàâèø ñëåäíîòî:
    1. Ñâàëÿø è äîáàâÿø êúì ñòðàíèöàòà jQuery.js... ìíîãî å êîìïàêòíà è íå òîâàðè ñ ïî÷òè íèêàêúâ äîïúëíèòåëåí òðàôèê.
    2. Äîáàâÿø ñëåäíîòî íåùî â HEAD ñåêöèÿòà íà ñòðàíèöàòà:
    Code:
    $(function(){
    $("table#tbl tr").hover( function(){
        $(this).children('td').css( { 'border-bottom' : '1px solid #FFF' } );
    }, function(){
        $(this).children('td').css( { 'border-bottom' : '1px solid gray' } );
    });
    }
    );
    Ïðîìåíÿø êàêòî èñêàø CSS-à.
    Ïúðâîòî å ïðè mouseover, âòîðîòî ïðè mouseout.
    Ñ ìàëêî èãðà÷êà ñ CSS ìîæå äà íàïðàâèø ìíîãî ÿê hover-åôåêò.

    ÏÏ Àêî èñêàø ñàéòúò äà å íàïðàâåí êàòî õîðàòà, íàé-äîáðå å äà ãî ïèøåø... íèêîãà íå ñúì îáè÷àë dreamweaver è ïîäîáíèòå . Ñòðóêòóðàòà íà ñàéòà ñå ïðàâè, êàòî ñå ïîëçâàò div, êîåòî ñòàâà áúðçî ... îñòàíàëîòî å ðåäàêòèðàíå è èãðàåíå ñúñ CSS ñòèëîâåòå, êîåòî ïàê ñè ñå ïðàâè íà ðúêà.

  5. #5
    _
    Join Date: Apr:2006
    Location: _
    Posts: 1,128
    òðÿáâà ìè íåùî òàêîâà

    êîãàòî ñëîæà êóðñîðà âúðõó öåëèÿ ðåä äà ñå ïîÿâÿâà ñâåòúë ñëîé.

    íå å ëè ïî ëåñíî äà ñå íàïðàâè ñòðàíèöàòà íà dramweaver èëè äðóãà ïðîãðàìà è ñëåäòîâà êîäà äà ñè ãî îïòèìèçàðàø?

  6. #6
    دارس وعامل Siemens's Avatar
    Join Date: Jul:2003
    Location: Ñîôèÿ
    Posts: 1,576
    Íå - íå å ïî-ëñåíî, çàùîòî ìíîãî íåùà íå ìãîàò äà ñå íàïðàâÿò ñ dreamweaver áåç äà ïèøåø êîä ðú÷íî, à è âå÷å ãåíåèðèðàíèÿ êîä îò íåãî åäâà ëè ùå òè å ïîëåçåí. Ïèøå ñå íà ÷èñòî â òåêñòîâ ðåäàêòîð (å íå notepad, íåùî ñ îñâåòÿâàíå íà ñèíòàêñèñà html è êîðåêòíà ïîääðúæêà íà utf-8).
    À çà òîâà, êîåòî ïèòàø áè òðÿáâàëî äà ìîæå äà ñå íàïðàâè ñ css è tr/td:hover. Íå ñå ïîääúðæà îò ie6 îáà÷å (å ìîæå ñ åäèí äîïúëíèòåëåí behaviour, êîéòî ãî "åìóëèðà" è çà íåãî).
    Ïðèìåð:
    http://www.deftcode.com/archives/stu...rtd_hover.html

  7. #7
    Registered User genn's Avatar
    Join Date: Feb:2003
    Location: Ãåðìàíèÿ
    Posts: 1,215
    Quote Originally Posted by Red_Leader View Post
    òðÿáâà ìè íåùî òàêîâà

    êîãàòî ñëîæà êóðñîðà âúðõó öåëèÿ ðåä äà ñå ïîÿâÿâà ñâåòúë ñëîé.

    íå å ëè ïî ëåñíî äà ñå íàïðàâè ñòðàíèöàòà íà dramweaver èëè äðóãà ïðîãðàìà è ñëåäòîâà êîäà äà ñè ãî îïòèìèçàðàø?
    Òîâà, êîåòî èñêàø ñòàâà ñ êîäà, êîéòî ñúì äàë.
    Åòî ïðîìåíåíà âåðñèÿ:êëèê
    Ïðîñòî âìåñòî äà äîáàâÿ áîðäåð îòäîëó, òðÿáâà äà ñìåíÿ background.
    Ò.å. ïðîìåíÿø åäèíñòâåíî è ñàìî:
    Code:
    'border-bottom' : '1px solid #FFF'
    ñ
    Code:
    'background-color' : '#CCC'
    Íå å ïî-ëåñíî äà íàïðàâèø ñòðàíèöà ñ dreamweaver â íèêàêúâ ñëó÷àé.
    Òîé, äîêîëêîòî çíàì, ïðàâè âñè÷êî ñ òàáëèöè, à íå ñ div... êîåòî ñàìî ïî ñåáå ñè å äîñòà ëîø ñòèë íà ïðàâåíå íà ñòðàíèöè. À ñàìàòà ñòðàíèöà ïîñëå íÿìà îïòèìèçèðàíå.
    Ñ òåçè äâà ðåäà, êîèòî ñúì äàë, ìîæå äà íàïðàâèø ãîëÿìè åôåêòè, êàêòî êàçàõ ãîðå. Òðÿáâàò òè åëåìåíòàðíè ïîçíàíèÿ ïî CSS è ìàëêî jQuery... äîðè íå òè òðÿáâà äà çíàåø JavaScript çà ïî-åëåìåíðíèòå ðàáîòè.

    ÅÄÈÒ: Êàêòî Siemens êàçà, òîâà ñòàâà è áåç Javascript, à ñàìî ñ CSS. Èìà è õàê, çà äà ðàáîòè íà IE6... ïðîáâàë ñúì ãî è ðàáîòè áåç ïðîáëåìè, íî âñå ïàê ðåøåíèåòî ñ jQuery çà ìåí ëè÷íî å ïî-äîáðî

Posting Permissions

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

Copyright © 1999-2011 Õàðäóåð ÁÃ. Âúçìîæíî å ñúäúðæàíèåòî íà òàçè ñòðàíèöà äà å îáåêò íà àâòîðñêè ïðàâà.
iskamPC.com | mobility.BG | Bloody's Techblog | Êðèïòîâàëóòè è ìàéíèíã | 3D Vision Blog | Ìàãàçèí çà åëåêòðîííè öèãàðè