Results 1 to 13 of 13
Hybrid View
-
21st May 2009 22:37 #1_
Join Date: Apr:2006
Location: _
Posts: 1,128
ïîä÷åðòàâàíå íà ðåä â dreamweaver
íàïðàâèõ åäíà òàáëèöà íà dreamweaver è èñêàì êîãàòî ñëîæà êóðñîðà öåëèÿ ðåä íà òàáëèöàòà äà ïîä÷åðòàâà ò.å äà ñå äîáàâÿ ëåê áÿë ñëîé íà öåëèÿ ðåä. Èìà ëè íà÷èí òîâà äà ñòàíå?
èëè ñ íÿêîÿ äðóãà ïðîãðàìà èëè javascriptLast edited by Red_Leader; 21st May 2009 at 22:58.
-
21st May 2009 23:00 #2
Òîâà âèäÿ ëè ãî?
Ïðèíöèïíî îò äîñòà âðåìå íå ïîëçâàì DW, îñâåí çà Coldfusion ÷àò ïàò êàòî âòîðè ðåäàêòîð, íî íå çíàì çà äðóãè îïöèè çà highlight.
Êîëêîòî äî âúïðîñà òè îò Ëè÷íîòî, ïîñòíè ãî â äðóãàòà ñè òåìà, ùå ñå íàìåðÿò õîðà ñ ïî-ïðîôåñèîíàëíî ìíåíèå îò ìîåòî.
-
21st May 2009 23:03 #3_
Join Date: Apr:2006
Location: _
Posts: 1,128
-
22nd May 2009 01:10 #4
Íåùî òàêîâà ëè òè òðÿáâà?
Ïðàâè ñå íàé-ëåñíî ñ íÿêîé javascript framework... òîâà êîíêðåòíî å jQuery.
Âèæ ñîðñà, çà äà âèäèø êàê å íàïðàâåíî...
Ôàêò÷èñåêè, çà äà ãî ïîäêàðàø ïðè òåá, òðÿáâà äà íàïðàâèø ñëåäíîòî:
1. Ñâàëÿø è äîáàâÿø êúì ñòðàíèöàòà jQuery.js... ìíîãî å êîìïàêòíà è íå òîâàðè ñ ïî÷òè íèêàêúâ äîïúëíèòåëåí òðàôèê.
2. Äîáàâÿø ñëåäíîòî íåùî â HEAD ñåêöèÿòà íà ñòðàíèöàòà:
Ïðîìåíÿø êàêòî èñêàø CSS-à.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' } ); }); } );
Ïúðâîòî å ïðè mouseover, âòîðîòî ïðè mouseout.
Ñ ìàëêî èãðà÷êà ñ CSS ìîæå äà íàïðàâèø ìíîãî ÿê hover-åôåêò.
ÏÏ Àêî èñêàø ñàéòúò äà å íàïðàâåí êàòî õîðàòà, íàé-äîáðå å äà ãî ïèøåø... íèêîãà íå ñúì îáè÷àë dreamweaver è ïîäîáíèòå
. Ñòðóêòóðàòà íà ñàéòà ñå ïðàâè, êàòî ñå ïîëçâàò div, êîåòî ñòàâà áúðçî ... îñòàíàëîòî å ðåäàêòèðàíå è èãðàåíå ñúñ CSS ñòèëîâåòå, êîåòî ïàê ñè ñå ïðàâè íà ðúêà.
-
22nd May 2009 11:24 #5_
Join Date: Apr:2006
Location: _
Posts: 1,128
-
22nd May 2009 11:37 #6
Íå - íå å ïî-ëñåíî, çàùîòî ìíîãî íåùà íå ìãîàò äà ñå íàïðàâÿò ñ dreamweaver áåç äà ïèøåø êîä ðú÷íî, à è âå÷å ãåíåèðèðàíèÿ êîä îò íåãî åäâà ëè ùå òè å ïîëåçåí. Ïèøå ñå íà ÷èñòî â òåêñòîâ ðåäàêòîð (å íå notepad, íåùî ñ îñâåòÿâàíå íà ñèíòàêñèñà html è êîðåêòíà ïîääðúæêà íà utf-8).
À çà òîâà, êîåòî ïèòàø áè òðÿáâàëî äà ìîæå äà ñå íàïðàâè ñ css è tr/td:hover. Íå ñå ïîääúðæà îò ie6 îáà÷å (å ìîæå ñ åäèí äîïúëíèòåëåí behaviour, êîéòî ãî "åìóëèðà" è çà íåãî).
Ïðèìåð:
http://www.deftcode.com/archives/stu...rtd_hover.html
-
22nd May 2009 13:05 #7
Òîâà, êîåòî èñêàø ñòàâà ñ êîäà, êîéòî ñúì äàë.
Åòî ïðîìåíåíà âåðñèÿ:êëèê
Ïðîñòî âìåñòî äà äîáàâÿ áîðäåð îòäîëó, òðÿáâà äà ñìåíÿ background.
Ò.å. ïðîìåíÿø åäèíñòâåíî è ñàìî:
ñCode:'border-bottom' : '1px solid #FFF'
Íå å ïî-ëåñíî äà íàïðàâèø ñòðàíèöà ñ dreamweaver â íèêàêúâ ñëó÷àé.Code:'background-color' : '#CCC'
Òîé, äîêîëêîòî çíàì, ïðàâè âñè÷êî ñ òàáëèöè, à íå ñ div... êîåòî ñàìî ïî ñåáå ñè å äîñòà ëîø ñòèë íà ïðàâåíå íà ñòðàíèöè. À ñàìàòà ñòðàíèöà ïîñëå íÿìà îïòèìèçèðàíå.
Ñ òåçè äâà ðåäà, êîèòî ñúì äàë, ìîæå äà íàïðàâèø ãîëÿìè åôåêòè, êàêòî êàçàõ ãîðå. Òðÿáâàò òè åëåìåíòàðíè ïîçíàíèÿ ïî CSS è ìàëêî jQuery... äîðè íå òè òðÿáâà äà çíàåø JavaScript çà ïî-åëåìåíðíèòå ðàáîòè.
ÅÄÈÒ: Êàêòî Siemens êàçà, òîâà ñòàâà è áåç Javascript, à ñàìî ñ CSS. Èìà è õàê, çà äà ðàáîòè íà IE6... ïðîáâàë ñúì ãî è ðàáîòè áåç ïðîáëåìè, íî âñå ïàê ðåøåíèåòî ñ jQuery çà ìåí ëè÷íî å ïî-äîáðî




Reply With Quote


Lenovo ThinkPad 15 èëè IdeaPad 15
5th May 2023, 22:16 in Ìîáèëíè êîìïþòðè