사이트도 올리고싶은데...
너무 챙피해서 공개하는게 너무.. 부끄럽습니다 ㅠ.ㅠ

......위에 이미지 만으로...만 질문드려서 정말 죄송해요..
다음부턴..좀 더 이쁘게 만들고 올리고
질문드리겠습니다 ㅠ.ㅠ...

3번째 질문부터 답을 드리자면 PC 베이직 테마라서 2곳을 손보셔야 합니다.
그누보드5/eyoom/theme/설치된 테마/skin_pc/outlogin/basic/outlogin.skin.2.html 과 그누보드5/eyoom/theme/설치된 테마/skin_mo/outlogin/basic/outlogin.skin.2.html 를 여셔서 다음을 주석 처리 하세요.
수정 전

        <div class="member-lv margin-bottom-10">
            <div class="left service-in">
                <p class="font-size-11">레벨</p>
                <h6 class="counter">{eyoomer.level}</h6>
            </div>
            <div class="right service-in t-right">
                <p class="font-size-11">{levelset.eyoom_name}</p>
                <h6 class="counter">{=number_format(eyoomer.level_point)}</h6>
            </div>
            <div class="clear"></div>
        </div>
        <div class="statistics">
        	<p class="font-size-11">진행률 <span class="right">{lvinfo.ratio}%</span></p>
        	<div class="clear"></div>
			<div class="eb-progress eb-progress-mini eb-progress-danger eb-progress-striped eb-active">
                <div class="eb-progress-bar" style="width:{lvinfo.ratio}%"></div>
            </div>
        </div>

<!--         <div class="member-lv margin-bottom-10">
            <div class="left service-in">
                <p class="font-size-11">레벨</p>
                <h6 class="counter">{eyoomer.level}</h6>
            </div>
            <div class="right service-in t-right">
                <p class="font-size-11">{levelset.eyoom_name}</p>
                <h6 class="counter">{=number_format(eyoomer.level_point)}</h6>
            </div>
            <div class="clear"></div>
        </div>
        <div class="statistics">
        	<p class="font-size-11">진행률 <span class="right">{lvinfo.ratio}%</span></p>
        	<div class="clear"></div>
			<div class="eb-progress eb-progress-mini eb-progress-danger eb-progress-striped eb-active">
                <div class="eb-progress-bar" style="width:{lvinfo.ratio}%"></div>
            </div>
        </div> -->

답변정말감사합니다...
말씀하신거..처리됬습니다 캬캬!!
진짜 정말 너무너무 감사합니다!

정말 3번...너무 자세히..저에게 맞게 알려주셔서 감사합니다 정말 고맙습니다!!
기분이 날아갈듯 좋아요 히히~

질문 첫번째는 pc베이직의 슬라이드 메뉴를 2번째 그림처럼 여러개 나오게 하고 싶다는 질문 이신가요?

질문 첫번째는 http://uplife.co.kr/

이런 사이트처럼
----------------------------------------------------------------- 회색줄로 쭉 그어서 자른후
그아래에다가 길게 사용하고 싶은데
제가 만드록있는 사이트에서 그게 안되요..

예를들어서

1.제홈페이지

홍보게시판
------------------------------------------------------
ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ


2.http://uplife.co.kr/ < 홈페이지

홍보게시판
--------------------------------------------------------------------------------------------------------------------------
ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ

이런식...으로 바꾸고싶어여..

이건 소스를 수정하셔야 하는데 입맛대로 고치실려면 "야로기"님이 직접하셔야 할 것 같습니다.
또 지금 사용중이신 pc_basic 테마에는 예제로 해주신 것과 같은 최신글 스킨이 없어요.
이미지 관련 최신글 스킨이 "ebm_image_slider"이 없어서 직접 만드셔야 합니다.
최신글 제목 아래 줄긋는 부분에 대해선 "http://eyoom.net/page/?pid=eyoomcss-6"의 아코디언 tabs 에 대해 공부하셔야 할 것 같습니다.
"http://eyoom.net/shop/list.php?ca_id=1020"에서 최신 스킨을 써보시는게 어떨지요?

2번째 질문에 답을 드리자면 sir.co.kr을 참조했습니다.
먼저 타이틀에 핑크색은 색상이 아니라 이미지 입니다.
디자인 저작권에 걸릴 수 있어 예외로 하겠습니다.
먼저 그누보드5/eyoom/theme/설치된 테마/css/style.css 와 그누보드5/eyoom/theme/설치된 테마/css_mo/style_mo.css을 여시고 /* Sidebar Menu */ 을 검색합니다.
수정 전

.sidebar-nav li a {display:block;padding:8px 30px 8px 10px}

.sidebar-nav li a {display:block;padding:8px 30px 8px 10px;background: #f2f2f2;}

.sidebar-nav > li.active,.sidebar-nav > li.active:hover {background:#f0f0f0;border-color:#bbb}
.sidebar-nav > li.active > a {color:#000;font-weight:bold}

.sidebar-nav > li.active,.sidebar-nav > li.active:hover {background: #5bccd7;border-color:#bbb}
.sidebar-nav > li.active > a {color:#fff;font-weight:bold}

.sidebar-nav li a {display:block;padding:8px 30px 8px 10px}


.sidebar-nav li a {display:block;padding:8px 30px 8px 10px;background: #f2f2f2;}


위와같이 수정하면... 사이드바 자체가 깨지는 현상이..

뛰어쓰기 문제인가 해서 #f2f2f2이를 땡겨보고 요리저리
움직여바도 저 소스는 넣으면 ..좀이상해져요ㅠ.ㅠ

너무 자세히 알려주셔서 너무너무 감사하고 죄송합니다..

문제가 되는 부분 확인해보니 사이드바가 깨지는 문제는 없으나 원하시는 결과가 얻어지지 않을겁니다.
원 소스대로 돌려놓으시고 다음과 같이 해보세요

수정 전

.list-group-item {position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}

.list-group-item {position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color: #f2f2f2;border:1px solid #ddd}