Topic: Оформление топиков (Read 832 times)

При оформлении топика в последнее время полностью перешел на https://imgbb.com/
Прост в работе + можно выбрать код для вставки либо полноразмерного изображения либо миниатюру. Или просто указать ссылку на загруженный файл. Это касается, как ВВ-коды, так и HTML.

У меня работает большая часть Гиф! Но иногда проскакивают не рабочие...


Это Giphy.com


А эта та же самая, но с Imgur

Это с Giphy.com

---

А вот с Imgur'a.

Все работает, если копировать прямую ссылку на файл.

А я то думал, в чем проблема то!

По гифкам через Imgur иногда тоже такая дичь вылазит:

В чем может быть проблема?

Лайфхак: если хотите сами создать подпись, то можно подсматривать код в разделе подписных баунти: https://bitcointalk.org/index.php?board=238.0

Это иконки в формате Unicode.

🌀 🌁 🌂 🌃 🌄 🌅 🌆 🌇 🌈 🌉 🌊 🌋 🌌 🌍 🌎 🌏 🌐 🌑 🌒 🌓 🌔 🌕 🌖 🌗 🌘 🌙 🌚 🌛 🌜 🌝 🌞 🌟 🌠 🌰 🌱 🌲 🌳 🌴 🌵 🌷 🌸 🌹 🌺 🌻 🌼 🌽 🌾 🌿 🍀 🍁 🍂 🍃 🍄 🍅 🍆 🍇 🍈 🍉 🍊 🍋 🍌 🍍 🍎 🍏 🍐 🍑 🍒 🍓 🍔 🍕 🍖 🍗 🍘 🍙 🍚 🍛 🍜 🍝 🍞 🍟 🍠 🍡 🍢 🍣 🍤 🍥 🍦 🍧 🍨 🍩 🍪 🍫 🍬 🍭 🍮 🍯 🍰 🍱 🍲 🍳 🍴 🍵 🍶 🍷 🍸 🍹 🍺 🍻 🍼 🎀 🎁 🎂 🎃 🎄 🎅 🎆 🎇 🎈 🎉 🎊 🎋 🎌 🎍 🎎 🎏 🎐 🎑 🎒 🎓 🎠 🎡 🎢 🎣 🎤 🎥 🎦 🎧 🎨 🎩 🎪 🎫 🎬 🎭 🎮 🎯 🎰 🎱 🎲 🎳 🎴 🎵 🎶 🎷 🎸 🎹 🎺 🎻 🎼 🎽 🎾 🎿 🏀 🏁 🏂 🏃 🏄 🏆 🏇 🏈 🏉 🏊 🏠 🏡 🏢 🏣 🏤 🏥 🏦 🏧 🏨 🏩 🏪 🏫 🏬 🏭 🏮 🏯 🏰 🐀 🐁 🐂 🐃 🐄 🐅 🐆 🐇 🐈 🐉 🐊 🐋 🐌 🐍 🐎 🐏 🐐 🐑 🐒 🐓 🐔 🐕 🐖 🐗 🐘 🐙 🐚 🐛 🐜 🐝 🐞 🐟 🐠 🐡 🐢 🐣 🐤 🐥 🐦 🐧 🐨 🐩 🐪 🐫 🐬 🐭 🐮 🐯 🐰 🐱 🐲 🐳 🐴 🐵 🐶 🐷 🐸 🐹 🐺 🐻 🐼 🐽 🐾 👀 👂 👃 👄 👅 👆 👇 👈 👉 👊 👋 👌 👍 👎 👏 👐 👑 👒 👓 👔 👕 👖 👗 👘 👙 👚 👛 👜 👝 👞 👟 👠 👡 👢 👣 👤 👥 👦 👧 👨 👩 👪 👫 👬 👭 👮 👯 👰 👱 👲 👳 👴 👵 👶 👷 👸 👹 👺 👻 👼 👽 👾 👿 💀 💁 💂 💃 💄 💅 💆 💇 💈 💉 💊 💋 💌 💍 💎 💏 💐 💑 💒 💓 💔 💕 💖 💗 💘 💙 💚 💛 💜 💝 💞 💟 💠 💡 💢 💣 💤 💥 💦 💧 💨 💩 💪 💫 💬 💭 💮 💯 💰 💱 💲 💳 💴 💵 💶 💷 💸 💹 💺 💻 💼 💽 💾 💿 📀 📁 📂 📃 📄 📅 📆 📇 📈 📉 📊 📋 📌 📍 📎 📏 📐 📑 📒 📓 📔 📕 📖 📗 📘 📙 📚 📛 📜 📝 📞 📟 📠 📡 📢 📣 📤 📥 📦 📧 📨 📩 📪 📫 📬 📭 📮 📯 📰 📱 📲 📳 📴 📵 📶 📷 📹 📺 📻 📼 🔀 🔁 🔂 🔃 🔄 🔅 🔆 🔇 🔈 🔉 🔊 🔋 🔌 🔍 🔎 🔏 🔐 🔑 🔒 🔓 🔔 🔕 🔖 🔗 🔘 🔙 🔚 🔛 🔜 🔝 🔞 🔟 🔠 🔡 🔢 🔣 🔤 🔥 🔦 🔧 🔨 🔩 🔪 🔫 🔬 🔭 🔮 🔯 🔰 🔱 🔲 🔳 🔴 🔵 🔶 🔷 🔸 🔹 🔺 🔻 🔼 🔽 🕐 🕑 🕒 🕓 🕔 🕕 🕖 🕗 🕘 🕙 🕚 🕛 🕜 🕝 🕞 🕟 🕠 🕡 🕢 🕣 🕤 🕥 🕦 🕧 🗻 🗼 🗽 🗾 🗿 ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☎ ☏ ☐ ☑ ☒ ☓ ☔ ☕ ☖ ☗ ☘ ☙ ☚ ☛ ☜ ☝ ☞ ☟ ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷ ☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁ ♂ ♃ ♄ ♅ ♆ ♇ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓ ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧ ♨ ♩ ♪ ♫ ♬ ♭ ♮ ♯ ♰ ♱ ♲ ♳ ♴ ♵ ♶ ♷ ♸ ♹ ♺ ♻ ♼ ♽ ♾ ♿ ⚀ ⚁ ⚂ ⚃ ⚄ ⚅ ⚆ ⚇ ⚈ ⚉ ⚊ ⚋ ⚌ ⚍ ⚎ ⚏ ⚐ ⚑ ⚒ ⚓ ⚔ ⚕ ⚖ ⚗ ⚘ ⚙ ⚚ ⚛ ⚜ ⚝ ⚞ ⚟ ⚠ ⚡ ⚢ ⚣ ⚤ ⚥ ⚦ ⚧ ⚨ ⚩ ⚪ ⚫ ⚬ ⚭ ⚮ ⚯ ⚰ ⚱ ⚲ ⚳ ⚴ ⚵ ⚶ ⚷ ⚸ ⚹ ⚺ ⚻ ⚼ ⚽ ⚾ ⚿ ⛀ ⛁ ⛂ ⛃ ⛄ ⛅ ⛆ ⛇ ⛈ ⛉ ⛊ ⛋ ⛌ ⛍ ⛎ ⛏ ⛐ ⛑ ⛒ ⛓ ⛔ ⛕ ⛖ ⛗ ⛘ ⛙ ⛚ ⛛ ⛜ ⛝ ⛞ ⛟ ⛠ ⛡ ⛢ ⛣ ⛤ ⛥ ⛦ ⛧ ⛨ ⛩ ⛪ ⛫ ⛬ ⛭ ⛮ ⛯ ⛰ ⛱ ⛲ ⛳ ⛴ ⛵ ⛶ ⛷ ⛸ ⛹ ⛺ ⛻ ⛼ ⛽ ⛾ ⛿ ✀ ✁ ✂ ✃ ✄ ✅ ✆ ✇ ✈ ✉ ✊ ✋ ✌ ✍ ✎ ✏ ✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧ ✨ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ❌ ❍ ❎ ❏ ❐ ❑ ❒ ❓ ❔ ❕ ❖ ❗ ❘ ❙ ❚ ❛ ❜ ❝ ❞ ❟ ❠ ❡ ❢ ❣ ❤ ❥ ❦ ❧ ❨ ❩ ❪ ❫ ❬ ❭ ❮ ❯ ❰ ❱ ❲ ❳ ❴ ❵ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ➔ ➕ ➖ ➗ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡ ➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➰ ➱ ➲ ➳ ➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ➿ ⟀ ⟁ ⟂ ⟃ ⟄ ⟅ ⟆ ⟇ ⟈ ⟉ ⟊ ⟋ ⟌ ⟍ ⟎ ⟏ ⟐ ⟑ ⟒ ⟓ ⟔ ⟕ ⟖ ⟗ ⟘ ⟙ ⟚ ⟛ ⟜ ⟝ ⟞ ⟟ ⟠ ⟡ ⟢ ⟣ ⟤ ⟥ ⟦ ⟧ ⟨ ⟩ ⟪ ⟫ ⟬ ⟭ ⟮ ⟯ ⟰ ⟱ ⟲ ⟳ ⟴ ⟵ ⟶ ⟷ ⟸ ⟹ ⟺ ⟻ ⟼ ⟽ ⟾ ⟿ 😀 😁 😂 😃 😄 😅 😆 😇 😈 😉 😊 😋 😌 😍 😎 😏 😐 😑 😒 😓 😔 😕 😖 😗 😘 😙 😚 😛 😜 😝 😞 😟 😠 😡 😢 😣 😤 😥 😦 😧 😨 😩 😪 😫 😬 😭 😮 😯 😰 😱 😲 😳 😴 😵 😶 😷 😸 😹 😺 😻 😼 😽 😾 😿 🙀 🙅 🙆 🙇 🙈 🙉 🙊 🙋 🙌 🙍 🙎 🙏 🚀 🚁 🚂 🚃 🚄 🚅 🚆 🚇 🚈 🚉 🚊 🚋 🚌 🚍 🚎 🚏 🚐 🚑 🚒 🚓 🚔 🚕 🚖 🚗 🚘 🚙 🚚 🚛 🚜 🚝 🚞 🚟 🚠 🚡 🚢 🚣 🚤 🚥 🚦 🚧 🚨 🚩 🚪 🚫 🚬 🚭 🚮 🚯 🚰 🚱 🚲 🚳 🚴 🚵 🚶 🚷 🚸 🚹 🚺 🚻 🚼 🚽 🚾 🚿 🛀 🛁 🛂 🛃 🛄 🛅 🈁 🈂 🈐 🈑 🈒 🈓 🈔 🈕 🈖 🈗 🈘 🈙 🈚 🈛 🈜 🈝 🈞 🈟 🈠 🈡 🈢 🈣 🈤 🈥 🈦 🈧 🈨 🈩 🈪 🈫 🈬 🈭 🈮 🈯 🈰 🈱 🈲 🈳 🈴 🈵 🈶 🈷 🈸 🈹 🈺 🉀 🉁 🉂 🉃 🉄 🉅 🉆 🉇 🉈 🉐 🉑

Иконки в Unicode.

Подскажите, а как в названии топика вставить картинку ?

♿ Гарантированный способ заработать Merit's <-- вот тут например откуда взялась иконка инвалидного кресла? Спасибо

Всем писателям-мануальщикам -- не загружайте скрины на Радикал, потому что со временем вместо скринов, над которыми вы трудились, вы увидите вот такое:



Ваш мануал не будет полезным в таком виде.

Куда загружать? Сюда ---------> (https://imgur.com/upload)

Видел норм мануалы, но скрины -- так себе, и как правило это мануальщики с Виндой. Кто сидит на Линуксе, вот вам маст хэв для мануальщика:

- Shutter  --  в большинстве случаев он уже в репозиториях вашего дистрибутива. Очень крутая тулза. Сделали скрин, потом правой кнопкой по нему --> Экспорт --> Imgur Guest, после чего вы получите:



Direct Link -- это вам и нужно для вставки на форум.

---

- Flameshot -- не менее крутой скриншотер, тоже кнопка с автоматической выгрузкой на Imgur Guest.

- Deepin Screenshot  --  без выгрузки на Imgur, но тоже норм тулза. В принципе, никто вам не помешает скринить одним, а выгружать другим.

А по Винде... сорри, это не ко мне. Гуглите  

Интересное и нужное предложение для нашего форума. Однозначно плюс вам в карму. Вот только основная проблема форума прежде всего в смысловом наполнении тем нежели в оформлении.
Я когда-то очень давно занимался версткой сайтов (во времена когда это делалось с помощью таблиц). Так я смотрю бб коды это обычный хтмл.

Добавил раздел про цитирование в первом посте.

Так внутри цитаты вы можете писать какой угодно текст - ссылка на оригинал всё равно останется

не совсем, я видела где-то что можно сделать английскую цитату, но она в графе quote показывается с переводом. Конечно, я не говорю, что перевод должен делаться автоматически, перевод делает автор сообщения. Вот, например, текст сообщения: "Вы создаете тему в мета" Я делаю цитату, но она показывается переведенной: " You start a thread in Meta section". При этом когда кликаешь на цитату - открывается оригинал.

Так?

В вашем сообщении, правее Quote, Edit, Delete - номер сообщения, #5.
Вот по нему щелкнуть - и увидите ту ссылку, которую я привел выше

Если я хочу сделать ссылку на английское сообщение, но чтобы русские видели его переведенным, как это сделать? А когда кликаешь по ссылке открывалось бы оригинальное сообщение. Например, можете сейчас показать на примере моего сообщения. EXAMPLE OF TRANSLATE

DustyNomad, спасибо за конструктивные предложения. Про выделение ссылок добавил инфу в пост, а заодно и выделил все свои ссылки! Насчет сокращений - я чуть попозде добавлю небольшой подраздел про цитирование и туда уже помещу эту информацию.

Я обычно выделяю текст самой ссылки еще полужирным и подчеркиванием, т.к. без них не всегда заметно что это гиперссылка.


Сокращения

Иногда цитируешь какой-то большой пост, и весь его текст приводить не обязательно, я тогда сокращаю и оставляю до минимально необходимого контекста. Я использую для этого [...], как мне кажется такой способ можно рекомендовать.

Ссылки

Используйте bbcode "url" для ссылок. При этом, если вы ссылаетесь на что-то внутри форума, то прячьте ссылку под текст.


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

Также, чтобы ссылки были более заметны, можно выделить их жирным и подчеркнутым шрифтом.


Изображения

Для наглядности вы можете захотеть в свой пост вставить картинки или скриншоты. В этом нет ничего сложного, если воспользоваться bbcode:


Но на деле часто бывает, что используя несколько изображений, они начинают загромождать пост своими размерами, которые еще и, наверняка, разные у разных картинок. Выглядит это всё не очень. Поэтому вот несколько советов:

• Если вы берете изображение из сети, то сначала скачайте его себе на ПК, а затем залейте на свой любимый фотохостинг (я советую imgur.com). Таким образом со временем ваше изображение никуда не исчезнет.
• Если вы делаете скриншоты в браузере, то я могу посоветовать расширение joxi (или любое похожее). В нем можно делать скриншот области сайта, редактировать его и в итоге получить нужную ссылку без фотохостингов.
• Делайте превью. Превью можно делать одинакового размера (используя атрибут width) с добавлением ссылки на основное изображение. Таким образом картинки впишутся в текст более органично (пример). Вот образец кода:

Таблицы

Для наглядного представления данных или просто для верстки поста можно использовать таблицы. Скажу честно, у движка smf (на котором создан этот форум) bbcode для таблиц прописан не очень хорошо. Здесь нет границ, отступов и нельзя сделать объединение ячеек, а также есть ряд других проблем. Выглядит это вот так:

---

Заголовок 1	Заголовок 2	Заголовок 3
Строка 1, ячейка 1	Строка 1, ячейка 2	Строка 1, ячейка 3
Строка 2, ячейка 1	Строка 2, ячейка 2	Строка 2, ячейка 3

---

Столбцы сливаются и никакой наглядности нет. К тому же вы можете видеть, что некоторые ячейки заняли 2 строки, а остальные - только 1. Чтобы этого не было, нужно обозначить ширину столбца. Сделать это можно с помощью небольшой хитрости: мы добавим еще одну строку, состоящую из точек, в каждый заголовок.

---

Заголовок 1 ..................................	Заголовок 2 ..................................	Заголовок 3 ..................................
Строка 1, ячейка 1	Строка 1, ячейка 2	Строка 1, ячейка 3
Строка 2, ячейка 1	Строка 2, ячейка 2	Строка 2, ячейка 3

---

Уже лучше, но эти точки надо убрать. Добавим им прозрачный цвет, а также выделим заголовки.

---

Заголовок 1 ..................................	Заголовок 2 ..................................	Заголовок 3 ..................................
Строка 1, ячейка 1	Строка 1, ячейка 2	Строка 1, ячейка 3
Строка 2, ячейка 1	Строка 2, ячейка 2	Строка 2, ячейка 3

---

Итоговый код:


Заключение

Оформляйте свои типоки, если хотите большего отклика на свою работу. В комментариях оставляйте вопросы по оформлению - постараюсь ответить. Если есть замечания, буду рад услышать. Всего наилучшего!

Всем привет!

На форуме есть хорошие авторы, которые создают информационные топики, гайды, различные подборки и другие полезности для форумчан. Но к сожалению, не все могут правильно оформить свой топик, из-за чего он становится плохочитаемым и, как следствие, не находит должного отклика.

Поэтому, я бы хотел поделиться некоторым советами, как правильно оформить топик, чтобы преподнести информацию в лучшем виде. Для этого вам наверняка понадобится использовать bbcode, информацию о нем вы можете найти здесь.

С чего начать

У вас есть готовый текст, осталось его только оформить и выложить на форум. Первым делом перечитайте его, наверняка вы найдете ошибки, опечатки и т.п. Проверьте орфографию (это важно). Если с русским беда - хотя бы скопируйте текст в Word и проверьте орфографию и пунктуацию машинным способом.

Придумайте правильный заголовок! Ознакомьтесь с рекомендациями к заголовкам здесь

Когда текст проверен - самое время его отформатировать. Разбейте его на абзацы, добавьте подзаголовки, если текст длинный. Списки оформите как списки. Выделите важные места жирным шрифтом, курсивом или в крайнем случае цветом. Подумайте где будете размещать изображения, если они нужны.

А теперь обо всём более подробно.

Заголовки и подзаголовки

Если текст достаточно длинный, то имеет смысл добавить основной заголовок и подзаголовки. Шрифт для них должен быть жирным и немного больше, чем у основного текста. Например, для основного заголовка можно использовать размер 14pt, а для подзаголовков - 12pt (основной шрифт имеет размер 10pt). Заголовки лучше размещать по центру, а подзаголовки по левому краю. Между всеми заголовками и основным текстом оставляйте отступы в одну пустую строку с обеих сторон.

Абзацы

Абзацы должны разделяться логически. Не стоит переносить на новый абзац незавершенную мысль. Слишком длинные абзацы превращаются в трудночитаемую простыню, а короткие (в одну строку) перестают быть абзацами и превращаются в сплошной текст. В идеале для форума абзац должен занимать примерно 3-10 строк.


Не забывайте делать отступ между абзацами в одну пустую строку.

Списки

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