Comments | journals_covers: День десятый: хозяйке на заметку

yoksel in journals_covers

День десятый: хозяйке на заметку

Jan 29, 2010 16:18

Тут некоторые жалуются, что переделывать уже больше нечего - всё сделали : ))
Вообще так и должно быть, хотя при желании всегда можно найти что подправить

Собственно, с оформлением журнала мы действительно закончили, и напоследок я поделюсь некоторыми тонкостями, которые, может быть, будут вам полезны.

( Помедленнее, я записываю! )

ЖЖ-дизайн за 10 дней, useful: уроки по оформлению ЖЖ

Comments 812

zhem4uzhinka January 29 2010, 14:01:06 UTC

А еще можно задавать вопросы? Я все надеялась сама разобраться, но понимаю, что не осиливаю никак =)

yoksel January 29 2010, 14:15:46 UTC

Можно : )

zhem4uzhinka January 29 2010, 14:48:50 UTC

Огромное спасибо!
У меня генератор. Сейчас там так
http://zhem4uzhinka.livejournal.com/

А хочется вот так http://www.ljplus.ru/img4/z/h/zhem4uzhinka/primer2-1.jpg

Вопрос главный - это вообще возможно? =) То есть юзерпик сдвинуть на картинку и в сторону, а вместо стандартного блока с ссылками сделать такую полоску.
Если да, где посмотреть коды для этого? Вы не писали кодов для генератора, может, у другого стиля они аналогичные?

Если с помощью КСС нереально - реально ли с помощью платных слоев?

Огромное спасибо за этот десятидневный курс и за помощь =) Я наверняка еще не раз туда в него нос за справками

yoksel January 29 2010, 15:05:28 UTC

Легко! У вас в настройках есть поле для счётчика, в него надо добавить нужный вам список ссылок обёрнутый в див с каким-нибудь вашим классом. Когда сделаете, можно будет скрыть остальное и поставить ваше меню посередине

Thread 8

marynaklear January 29 2010, 14:09:09 UTC

Потрясающе! Ты проделала огромную работу!!!!!
У меня два вопроса возникло. Как представить дизайн журнала , не скриншот, а как в сообществах? И ещё. Каким способом представлять код? Я заметила, он всегда в сообществах в отдельной рамке с стрелками. Как это сделать?

yoksel January 29 2010, 14:19:47 UTC

Точно так же: делается скриншот с реального журнала, а рамки браузера обрезаются в фотошопе

Код выкладывается так:

<br />сюда ваши коды, при выкладывании отключите автоформатирование <br /><br /> 
                
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4750710/reply#reply">Reply</a></p>
        </div>
    </div>

<strong class="lj-user">
                    
                        
                            <a href="/read/user/marynaklear">marynaklear</a>
                        
                    
                </strong>

<span class="item-meta">January 29 2010, 16:25:55 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                Спасибо! <br />Вот моя красота!<br /><a class="external" href="http://photofile.com.ua/users/klear/95311057/114939113/"></a><img src="http://photofile.com.ua/photo/klear/95311057/middle/114939113.gif" class="pic" /><br />
                ( <a href="http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4760182/full#4760182">...</a> )
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4760182/reply#reply">Reply</a></p>
        </div>
    </div>

<strong class="lj-user">
                    
                        
                            <a href="/read/user/yoksel">yoksel</a>
                        
                    
                </strong>

<span class="item-meta">January 29 2010, 17:21:25 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                : )
                
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4762486/reply#reply">Reply</a></p>
        </div>
    </div>

</div>
                        <hr />
                    
                        <a name="4750198"></a>
                        
    <div class="b-comment  b-comment-nrb">
        <div class="item-header">
            <div class="item-userpic">
                
                    
                        <div class="b-userpic-crop" style="background-image: url(https://l-userpic.livejournal.com/77855545/16285504)"></div>
                    
                
            </div>
            <div class="item-details">

<span class="item-meta">January 29 2010, 14:18:24 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                Ух, Ох, Ах!!!<br />Огромное вам спасибо за проделанную работу!!! Побольше бы таких людей в разных областях :))<br />Если честно то особой гармонии и красоты в дизайне я не добивалась - целью было понять что надо писать и как это работает.<br />Больше всего увлекал и завораживал сам процесс превращения луковицы в розочку :)) Так что буду пробовать еще и еще и еще... Как говорится - нету предела для совершенства - и это прекрасно!!! <br />Стиль - Expressive<br /><img src="http://data10.gallery.ru/albums/gallery/198861-d3ce2-28320366-200.jpg" class="pic" /><br />
                ( <a href="http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4750198/full#4750198">...</a> )
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4750198/reply#reply">Reply</a></p>
        </div>
    </div>

<span class="item-meta">January 29 2010, 14:21:07 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                Почему-то в шапке вместо кенгуру написано, что фото недоступно
                
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4750966/reply#reply">Reply</a></p>
        </div>
    </div>

<span class="item-meta">January 29 2010, 14:25:36 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                страааанно :((( фото лежит в открытом доступе
                
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4751478/reply#reply">Reply</a></p>
        </div>
    </div>

<span class="item-meta">January 29 2010, 15:07:11 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                у вас там какая-то фигня с адресом картинки <a href="http://img.fotki.yandex.ru/get/4012/proshunina.23/2_Lagu5dLQMChisesrt4YkwpZSbbk=_39fb4_30b42ae4_orig" class="external">http://img.fotki.yandex.ru/get/4012/proshunina.23/2_Lagu5dLQMChisesrt4YkwpZSbbk=_39fb4_30b42ae4_orig</a> попробуйте ещё раз взять адрес и вставить в код, у этого посередине много лишнего
                
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4754550/reply#reply">Reply</a></p>
        </div>
    </div>

<div class="b-more-button">
                                    <a class="b-more-button-inner" href="http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4750198#comments">Thread 6</a>
                                </div>
                            
                        </div>
                        <hr />
                    
                        <a name="4751222"></a>
                        
    <div class="b-comment ">
        <div class="item-header">
            <div class="item-userpic">
                
                    
                        <div class="b-userpic-crop" style="background-image: url(https://l-userpic.livejournal.com/80204569/15754596)"></div>
                    
                
            </div>
            <div class="item-details">

<strong class="item-subject">Clean/Simple</strong>

<span class="item-meta">January 29 2010, 14:23:49 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                спасибо! <br />мой стиль не в списке послушных, и я стремилась лишь к аскетизму, но мне так нравится :)<br />Сделала вверху украшение в виде своих фотографий, кое-что подредактировала<br />Уроки законспектирую - на будущее :)
                
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4751222/reply#reply">Reply</a></p>
        </div>
    </div>

<strong class="item-subject">Expressive</strong>

<span class="item-meta">January 29 2010, 14:30:39 UTC</span>
            </div>
        </div>
        <div class="item-body">
            <div class="item-text">
                <a href="/read/user/dqs/" class="external">http://dqs.livejournal.com/</a> <br /><br /> Очень доволен, хотел себе простой и светлый - получил :) <br />оставил упоминание дизайнера в сайдбаре, т.к. не менял все... <br /><br /> А Вам ооооогромное спасибо!
                
            </div>
            <p><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/4751734/reply#reply">Reply</a></p>
        </div>
    </div>

<div class="b-sub-comment  b-sub-comment-rb-bl">
                            
                            
                        </div>
                        <hr />
                    
                    
                </div>
                
                    
	<div class="paging">
		<table cellspacing="0" cellpadding="0">
			<tr>
			    
    				<td class="paging-prev">
    					
    						<a href="/read/user/journals_covers/80246/comments/p1#comments">Previous</a>
    					
    				</td>
    				<td class="paging-next">
    					
    						<a href="/read/user/journals_covers/80246/comments/p3#comments">Next</a>
    					
    				</td>
				
			</tr>
		</table>
	</div>

<p class="button"><a href="/login?back_uri=http://m.livejournal.com/read/user/journals_covers/80246/comments/p2/reply#comments">Leave a comment</a></p>
                
            
        
    </div>
</div>

<div class="to-top">
    <a href="#to-top">
        Up
    </a>
</div>
<div class="footer">
	<div
  class=
    "
    ljsale
    ljsale--empty
    
    "

lj0sale="adfox_mobile_footer"

></div>
	<div class="footer-content">

<table class="footer-layout">
    <tr>
        
            <td>
                <a class="footer-menu-item footer-menu-index" href="//m.livejournal.com/">
                    <span class="footer-menu-item-title">Homepage</span>
                </a>
            </td>
        
        <td>
            <a class="footer-menu-item footer-menu-read" href="//m.livejournal.com/read">
                <span class="footer-menu-item-title">Read journal...</span>
            </a>
        </td>
        <td>
            <a class="footer-menu-item footer-menu-full" href="https://journals_covers.livejournal.com/80246.html#comments?fullversion=yes">
                <span class="footer-menu-item-title">Full version</span>
            </a>
        </td>
        <td>
            <a class="footer-menu-item footer-menu-help" href="//m.livejournal.com/help">
                <span class="footer-menu-item-title">Help</span>
            </a>
        </td>
        <td>
            
                <a class="footer-menu-item footer-menu-eng" href="//www.livejournal.com/tools/setlang.bml?lang=ru&returnto=//m.livejournal.com/read/user/journals_covers/80246/comments/p2">
                    <span class="footer-menu-item-title">Русская версия</span>
                </a>
            
        </td>
    </tr>
</table>

<div class="footer-counters">
                
                <script language="JavaScript" type="text/javascript">
                    (new Image()).src = '//www.tns-counter.ru/V13a***R>' + document.referrer.replace(/\*/g,'%2a') + '*sup_ru/ru/CP1251/tmsec=lj_mob/802975';
                </script>
                <noscript>
                    <img src="//www.tns-counter.ru/V13a****sup_ru/ru/CP1251/tmsec=lj_mob/802975" width="1" height="1" alt="" />
                </noscript>

(function (d, w, c) {

(w[c] = w[c] || []).push(function() {

try {

w.yaCounter27737346 = new Ya.Metrika({id:27737346,

clickmap:true,

trackLinks:true,

accurateTrackBounce:true});

} catch(e) { }

});

var n = d.getElementsByTagName("script")[0],

s = d.createElement("script"),

f = function () { n.parentNode.insertBefore(s, n); };

s.type = "text/javascript";

s.async = true;

s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js";

if (w.opera == "[object Opera]") {

d.addEventListener("DOMContentLoaded", f, false);

} else { f(); }

})(document, window, "yandex_metrika_callbacks");

</script>

</div>
	</div>
	<div class="footer-copy b-strip">© 1999-2025 LiveJournal, Inc.</div>
</div>

		</div>
	</body>
</html>