묻고답하기
위젯 스킨 수정중입니다. 봐주세요 고수님들..
2014.11.11 16:09
위젯 스킨 수정중입니다. 원래는 마우스를 텍스트로 갖다대서 그 글자를 클릭하면 그에 맞게 페이지로 넘어가는데,
폰트가 아닌 갤러리형 이미지로 클릭해서 넘어가는 방식으로 하고싶어서, 글자를 CSS에서 지우는데 성공했습니다.
근데 이미지에 링크가 안걸려서 맞는 페이지로 들어가지 못하는 상황입니다. 좀봐주세요..ㅠ
딴 곳에는 손댄적이 없고, 그냥 갤러리에서 손대고 있습니다..
@charset "utf-8";
.floatLeft{ float:left;}
.floatRight{ float:right;}
.clearLeft{ clear:left;}
.clearRight{ clear:right;}
.widgetContainer .open{ display:block !important;}
.widgetContainer a{ text-decoration:none;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}
.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid #666;}
.widgetTabA:after{ content:""; display:block; clear:both;}
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
.widgetTabA li.active{ background-position:0 -30px;}
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; color:#333; background-repeat:no-repeat; background-position:right 0;}
.widgetTabA li,
.widgetTabA li a{ background-image:url(../images/buttonWidgetTab.gif);}
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}
.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid #e5e5e5;}
.widgetTabC li{ list-style:none; border-bottom:1px solid #e5e5e5; *zoom:1; margin-bottom:1px; background:#f8f8f8;}
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; color:#333; text-decoration:none; *zoom:1;}
.widgetTabC li a:hover,
.widgetTabC li a:active,
.widgetTabC li a:focus{ background:#eee;}
dl.widgetDivider{ margin:0;}
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
dl.widgetDivider dd{ display:none; margin:0;}
.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
.widgetNavigator li{ list-style:none; display:inline;}
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../images/buttonWidgetNavigation.png); border:1px solid #999; border-radius:8px;cursor:pointer;}
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}
.spread_list {list-style:none;margin:0;padding:0;font-size:12px}
.spread_list li {line-height:2.4;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eee;overflow:hidden}
.spread_list .subject{display:block;color:#666}
.spread_list .icon{vertical-align:middle}
.spread_list .article_information {float:left}
.spread_list .board,
.spread_list .category{margin-right:5px;padding-right:10px;color:#898989; background:url(../images/lineTextDiv.gif) no-repeat right center}
.spread_list .replyNum,
.spread_list .trackbackNum{margin-right:10px}
.spread_list .replyNum{background:url(../images/reply.png) no-repeat left 2px}
.spread_list .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}
.spread_list .replyNum a,
.spread_list .trackbackNum a{padding-left:14px;font:10px Tahoma;}
.spread_list .replyNum a{color:#ff1a1a}
.spread_list .trackbackNum a{color:#66c}
.spread_list .author,
.spread_list .date{margin-right:10px;color:#898989}
.spread_list .date{font:11px Arial}
.spread_table {position:relative;width:100%;font-size:12px;border:0;border-collapse:separate;border-spacing:0;font-family:나눔고딕,Nanum Gothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif}
.spread_table td{padding:3px 6px;line-height:2.4;white-space:nowrap;vertical-align:middle}
.spread_table .board,
.spread_table .category{margin-right:5px;padding-right:10px;color:#898989; background:url(../images/lineTextDiv.gif) no-repeat right center}
.spread_table .title{width:100%;white-space:normal}
.spread_table .subject{font-weight:bold;color:#666}
.spread_table .icon{vertical-align:middle}
.spread_table .replyNum,
.spread_table .trackbackNum{margin-right:10px}
.spread_table .replyNum{background:url(../images/reply.png) no-repeat left 2px}
.spread_table .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}
.spread_table .replyNum a,
.spread_table .trackbackNum a{padding-left:14px;font:10px Tahoma}
.spread_table .replyNum a{color:#ff1a1a}
.spread_table .trackbackNum a{color:#66c}
.spread_table .author,
.spread_table .date {color:#898989}
.spread_table .date{font:11px Arial}
.spread_blog{ list-style:none;position:relative;margin:0 auto;padding:0;font-size:12px;line-height:2.4;overflow:hidden;*zoom:1}
.spread_blog li { margin-bottom:20px; border:1px dotted #ccc; background-color:#fcfcfc; }
.spread_blog .thumb{ z-index:1; position:relative; width:100%; padding-bottom:30px; line-height:0;text-decoration:none; text-align:center; background:url(../../layouts/spread_layout/images/shadow-top.png) no-repeat center bottom; opacity:.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);overflow:hidden; }
.spread_blog .thumb>a { display:block; width:100%; height:100%; background:#f7f7f7; overflow:hidden; }
.spread_blog .thumb img { display:block; width:100%}
.spread_blog .thumb .imgNone{ cursor:pointer; color:#666; }
.spread_blog .date{ float: left; width: 44px; margin:10px 30px 0 30px; padding: 0px 2px 0px; text-align: center; line-height: 1; }
.spread_blog .date>span { display:block; }
.spread_blog .date>span.date-value { font-weight: bold; font-size: 34px; margin-bottom: 8px; }
.spread_blog .date>span.month-value { font-size: 23px; margin-bottom: 5px; }
.spread_blog .date>span.year-value { font-size: 16px; }
.spread_blog .content_wrapper { overflow: hidden; margin-right:30px; padding-bottom: 40px; }
.spread_blog .title{ margin:0; padding:0; font-size: 24px}
.spread_blog .title a { color:#4a4a4a; }
.spread_blog .author,
.spread_blog .board,
.spread_blog .category,
.spread_blog .replyNum,
.spread_blog .trackbackNum { font-size:11px; font-style:italic; margin-right:10px; color: #a6a6a6; }
.spread_blog .text { color:#959595; }
.spread_blog .read_more { display:inline-block; padding:0 20px; font-style:bold; color:#fff; line-height:30px; background-color:#000; }
.spread_webzine{list-style:none;position:relative;margin:0 auto;padding:0;font-size:12px;line-height:1.8;*zoom:1}
.spread_webzine li {margin:3px;padding:15px;border:1px solid #eee; box-shadow:0 1px 3px #eee}
.spread_webzine .thumb{display:block;width:100%;overflow:hidden;text-decoration:none;opacity:.7;-moz-opacity:0.7;-khtml-opacity:0.7;filter:alpha(opacity=70);}
.spread_webzine .thumb img{display:block;width:100%}
.spread_webzine .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.spread_webzine .title{margin:10px 0;padding:0;font-size:16px;}
.spread_webzine .title a{color:#555}
.spread_webzine .title span.icon{vertical-align:middle}
.spread_webzine .board,
.spread_webzine .category{margin-right:5px;padding-right:10px;color:#898989; background:url(../images/lineTextDiv.gif) no-repeat right center}
.spread_webzine .author{color:#333}
.spread_webzine .text {margin:10px 0 20px 0;padding:0;color:#555}
.spread_webzine .read_more{display:inline-block;margin:0 0 20px;padding:3px 9px;background:#333;font-size:11px;color:#fff;border-radius:3px}
.spread_webzine .article_information{margin-top:10px;border-top:1px solid #eee}
.spread_webzine .date{float:left;margin-top:10px;font:11px Arial;color:#333}
.spread_webzine .replyNum,
.spread_webzine .trackbackNum{float:right;margin:10px 0 0 10px}
.spread_webzine .replyNum{background:url(../images/reply.png) no-repeat left 2px}
.spread_webzine .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}
.spread_webzine .replyNum a,
.spread_webzine .trackbackNum a{padding-left:14px;font:10px Tahoma}
.spread_webzine .replyNum a{color:#ff1a1a;}
.spread_webzine .trackbackNum a{color:#66c;}
.spread_gallery{list-style:none;position:relative;margin:0 auto;padding:0;font-size:0px;line-height:1.8;}
.spread_gallery li {position:relative;margin-bottom:30px;overflow:hidden}
.spread_gallery .thumb{ z-index:1;display:block; position:relative; width:100px; height:75px;overflow:hidden; text-decoration:none;}
.spread_gallery .thumb img{ display:block; position:relative; width:100%;}
.spread_gallery .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
.spread_gallery .hiding { display:none; position:absolute;top:0;left:0;width:96%;height:96%;padding:2%;text-align:center;opacity:.8;}
.spread_gallery .board{color:#fff}
.spread_gallery .category{margin-left:5px;padding-left:10px;color:#fff; background:url(../images/lineTextDiv.gif) no-repeat left center}
.spread_gallery .replyNum,
.spread_gallery .trackbackNum{float:right;margin:5px 0 0 10px}
.spread_gallery .replyNum{background:url(../images/reply.png) no-repeat left 2px}
.spread_gallery .trackbackNum{background:url(../images/trackback.png) no-repeat left 2px}
.spread_gallery .replyNum a,
.spread_gallery .trackbackNum a{padding-left:14px;font:10px Tahoma}
.spread_gallery .replyNum a{color:#ff1a1a;}
.spread_gallery .trackbackNum a{color:#66c;}
.spread_gallery .title {position:relative;width:100%;margin:10px 0 5px 0;padding:0}
.spread_gallery .title a{float:left;color:#555}
.spread_gallery .title span{float:left; }
.spread_gallery .title:after{ content:""; display:block; clear:both;}
.spread_gallery .date{float:left;font-size:11px;font-family:Tahoma;}
.spread_gallery .author{float:right;font-size:11px;color:#666}
.spread_gallery li:after{ content:""; display:block; clear:both;}
이미지에 링크를 걸으세요..