Add BEHEMOTH files to your threads with this tutorial!

Most servers/ hosts do not allow to upload files past 8mb sometimes 10mb. In this tut I will be showing you how to upload huge files usually up 2gb since that is the ftp limit on most setups. This tut also can also make attachments with files not passing the security checks.

Theme of the Month on SMF: http://www.simplemachines.org/community/index.php?topic=436784

Second Theme for SMF 

Comes in many Colors::

• Original
• Purple
• Red

Download:: [LINK]

Code: [Select]

http://visualpulse.net/forums/index.php?topic=109#msg_299_footer
OR Get it directly from SMF:: http://custom.simplemachines.org/themes/index.php?lemma=2385

Features::

• Scrolling News Header
• Jquery Powered
• Asymmetric
• Dark + Transparent
• Colored names / groups on the Post, Profile, and Message pages
• Admin Theme logo setting enabled
• Quick Search bar
• Updated Icons

Preview::


Other Colors:
[spoiler]


[/spoiler]

We have opened up more boards to the guests! 

Go check them out now 

10 Fabulous PSD's. Available in rar, and zip. Thank the members for sharing their psd's!

Download (zip): April-PSD-Pack-2011--VisualPulse.zip

Submit your work in the latest pack: http://visualpulse.net/pack-submission/

Theme is available for download now: http://visualpulse.net/forums/index.php?topic=109

Here is a new theme I have been working on. That is all I have done so far and it is just PSD at the moment. Give me some comments on what I have so far!



UPDATE (April, 22^nd):

We are now have a submission page up for the April PSD Pack - Visit: [LINK]

This pack is LRO(Learning Rights Only) and credit will be given if your PSD is included. You may submit as many PSD's as you want but we are looking for high quality and teachable aspects.

First SMF mod for SMF 2.0 RC5.

This is a simple mod to make 48 thread icons into only 8!

Makes it so easy to style for your theme and removes the Message Icon column. (see before after picture)



Download: [LINK]

Code: [Select]

http://visualpulse.net/forums/index.php?topic=87#msg_196_footer
Download from SMF: http://custom.simplemachines.org/mods/index.php?mod=3010

Collab with MLM and Shox

Before (Shox):


After (MLM):

Make a comparison table to display differences between packages or usergroups.

Welcome to Visual Pulse 2.0! April 7^th, 2011 marks the date.

We have totally overhauled the whole theme making it way brighter from the previous version if you remember and removed some unnecessary features. We also added a Featured Work Submission when starting/editing the main topic. If you scroll down to the bottom you will see the Featured Work Bar.

Thank Nerve for and Anthony` for helping me out throughout the process of making this theme.

If you find any un-finished or a buggy section in the site please just report it by replying to this topic.


WE ARE LOOKING FOR A NEW BANNER! Yes you heard it right, Visual Pulse wants a new banner and we need YOU GUYS to make it. Post your submission in the Exhibit and the best one will get put up, featured, and a shout out. Dimensions: 1000 x 200 px


- :vpfav:

The new Visual Pulse theme should be out by the start of next week which is when my Spring Break ends . I have been working hard for quite a while on this project and hope you guys enjoy it when it comes out.

I have not been releasing any content on VP because of this and hopefully after I can make another SMF Theme or a tutorial.

No preview as this will be a surprise to everyone!

This tutorial will show you how to beautify or clean up your CSS so it is easy to read and understand.

We will be turning this:

Code: [Select]

#first_thing { float: left; background-color: #ffffff; width: 100%; }
#first_thing .class { height: 5px; list-style: none; display: inline; }



.help_topic_div {
display:inline-block;
color: #000000; }
.header_bar_two
{
clear:both;
border:none;
background:transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%;
height:100%;
width:13px;
position:relative;
padding: 0 1px;
}




into this:

Code: [Select]


#first_thing
{
float: left;
background-color: #fff;
width: 100%;
}

#first_thing .class
{
height: 5px;
list-style: none;
display: inline;
}

.help_topic_div
{
display: inline-block;
color: #000;
}

.header_bar_two
{
clear: both;
border: none;
background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%;
height: 100%;
width: 13px;
position: relative;
padding: 0 1px;
}


INSTRUCTIONS::
1. Copy your css to your clipboard. We will be using the code block below...
- To select all of it open it up in any text editor, CTR+A, and then CTR+C or right click copy.

Code: [Select]

#first_thing { float: left; background-color: #ffffff; width: 100%; }
#first_thing .class { height: 5px; list-style: none; display: inline; }



.help_topic_div {
display:inline-block;
color: #000000; }
.header_bar_two
{
clear:both;
border:none;
background:transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%;
height:100%;
width:13px;
position:relative;
padding: 0 1px;
}



2. Paste your code into the output field on this website: http://floele.flyspray.org/csstidy/css_optimiser.php?lang=en


3. Check the Output as file checkbox (this is for easy copying later)


4. Leave the rest of the settings and press the Proceed CSS button

5. Scroll down to the output box and click Download


6. On the page that just opened press CTR+A to select all and copy (CTR+C or right-click copy)

7. Paste it in a new Notepad++ document. You should now have code formatted like so:

Code: [Select]

#first_thing {
float:left;
background-color:#fff;
width:100%;
}

#first_thing .class {
height:5px;
list-style:none;
display:inline;
}

.help_topic_div {
display:inline-block;
color:#000;
}

.header_bar_two {
clear:both;
border:none;
background:transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%;
height:100%;
width:13px;
position:relative;
padding:0 1px;
}

8. NOTE: If you want your brackets how they currently are, skip to Step 13
Now we need to get the opening brackets ({) on the next line.
Press CTR+H to get up the Find and Replace menu


9. Check the Extended check box in the the Search mode area.


10. Enter in "{" in the Find what field.

11. Enter "\n{" in the Replace with field.

12. Press Replace All


NOTE:: If you followed the steps all so far then you should have code formated as so:

Code: [Select]

#first_thing
{
float:left;
background-color:#fff;
width:100%;
}

#first_thing .class
{
height:5px;
list-style:none;
display:inline;
}

.help_topic_div
{
display:inline-block;
color:#000;
}

.header_bar_two
{
clear:both;
border:none;
background:transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%;
height:100%;
width:13px;
position:relative;
padding:0 1px;
}


13. Now it is time to indent all of the css declarations.
Press CTR+H to get up the Find and Replace menu

14. Check the Regular Expression check box in the the Search mode area.


15. Enter in "(.*);" in the Find what field.

16. Enter "\t\1;" in the Replace with field.

17. Press Replace All


Here is the result::

Code: [Select]

#first_thing
{
float:left;
background-color:#fff;
width:100%;
}

#first_thing .class
{
height:5px;
list-style:none;
display:inline;
}

.help_topic_div
{
display:inline-block;
color:#000;
}

.header_bar_two
{
clear:both;
border:none;
background:transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%;
height:100%;
width:13px;
position:relative;
padding:0 1px;
}

18. All we have left now is to space the property from the value!
Get up the Find and Replace menu CTR+H

19. Enter in ":" in the Find what field.

20. Enter ": " in the Replace with field.

21. Press Replace All

Code: [Select]

http://img546.imageshack.us/img546/2683/spacingpropertyandvalue.png
Here is your final nice  format:

Code: [Select]

#first_thing
{
float: left;
background-color: #fff;
width: 100%;
}

#first_thing .class
{
height: 5px;
list-style: none;
display: inline;
}

.help_topic_div
{
display: inline-block;
color: #000;
}

.header_bar_two
{
clear: both;
border: none;
background: transparent url(../images/bg-scrollbar-end.png) no-repeat 0 100%;
height: 100%;
width: 13px;
position: relative;
padding: 0 1px;
}


VP now has a SMF Theme of the Month.

Pulse has just been named theme of the month go check it out now: http://www.simplemachines.org/community/index.php?topic=424461.0

You can see the theme here or on SMF
VP: http://visualpulse.net/forums/index.php?topic=48
SMF: http://custom.simplemachines.org/themes/index.php?lemma=2343

Through my life as a web designer I have come across many situations where both are very useful. I find that divs usually overrule all, but tables can really help give something structure.

Please comment and suggest things to add!

Navigation::
- Div
--- Adding a class
----- Styling
--- Adding a id
----- Styling
--- Align side by side

- Table
--- Tags
--- Structure

-----------------------------------------
-----------------------------------------

Div::
Div's are very useful for everything. You can style a block of text or even align/ position a whole chunk somewhere.

If you want to style a div you can just add a class or id like below:

Adding a class:

Code: [Select]

<div class="custom_class">Test</div>


Style with:

Code: [Select]

.custom_class
{
     color: #fffff; // Text color in the custom_class div
     background-color: #000000; // background color of the div
}


Adding a id:

Code: [Select]

<div id="custom_class">Test</div>


Style with:

Code: [Select]

#custom_class
{
     color: #fffff; // Text color in the custom_class div
     background-color: #000000; // background color of the div
}


Divs (as is) do not allow to be side by side or lined up like you can with tables.  To line up divs just add a float left or right in the css of all the divs you want lined up.

Code: [Select]

<div class="div_line_up_left">LEFT Div1</div>
<div class="div_line_up_left">LEFT Div2</div>

<div class="div_line_up_right">RIGHT Div1</div>
<div class="div_line_up_right">RIGHT Div2</div>


Code: [Select]

.div_line_up_left
{
     float: left; // makes it line up and align left
}

.div_line_up_right
{
     float: right; // makes it line up and align right
}


Table::
Tables are useful for arranging data or giving your site a number of columns. You can split up your site into a side bar and then the main content. This can also be done with floating divs but you can get concrete secure layout with tables. You can add classes and id's to <table> <tr> <td> tags just like how you would divs.

Tables are coded with three main tags.
<table> : This starts the table(and ends </table>
<tr> : This is a table row make sure to end it (</tr>)
<td> : This is a table cell (end it as well)

There is also another table tag <th> which is treated just like a td. It is just a table header ussually used to store info...

Tables are constructed as so:

Code: [Select]

<table>
     <tr>
          <td>
               Table Cell #1 - Row 1
          </td>
          <td>
               Table Cell #2 - Row 1
          </td>
     </tr>
     <tr>
          <td>
               Table Cell #1 - Row 2
          </td>
          <td>
               Table Cell #2 - Row 2
          </td>
     </tr>
</table>


THEME OF THE MONTH ON SMF: http://www.simplemachines.org/community/index.php?topic=424461.0

My first SMF theme. Updated  for SMF 2.0.9

Hope you guys like it

Use the themes installer!

Download: [LINK]

Code: [Select]

http://visualpulse.net/forums/index.php?action=dlattach;topic=48.0;attach=141
Download from SMF: http://custom.simplemachines.org/themes/index.php?lemma=2343

RECENT TOPICS MOD::

If you have installed this theme you probably have seen the empty recent topics block. If you want that filled and working properly please follow the instructions below. NOTE: we can not add it to the theme since it calls the database.

FIND:  index.template.php

Code: [Select]

function ssi_recentTopics_vp_mod()
REPLACE WITH:

Code: [Select]

function ssi_recentTopics_vp_mod($num_recent = 8, $exclude_boards = null, $include_boards = null, $output_method = 'echo')
FIND: index.template.php

Code: [Select]

// needs to be here... otherwise errors.
Replace with:

Code: [Select]

global $context, $settings, $scripturl, $txt, $db_prefix, $user_info;
global $modSettings, $smcFunc;

if ($exclude_boards === null && !empty($modSettings['recycle_enable']) && $modSettings['recycle_board'] > 0)
$exclude_boards = array($modSettings['recycle_board']);
else
$exclude_boards = empty($exclude_boards) ? array() : (is_array($exclude_boards) ? $exclude_boards : array($exclude_boards));

// Only some boards?.
if (is_array($include_boards) || (int) $include_boards === $include_boards)
{
$include_boards = is_array($include_boards) ? $include_boards : array($include_boards);
}
elseif ($include_boards != null)
{
$output_method = $include_boards;
$include_boards = array();
}

$stable_icons = array('xx', 'thumbup', 'thumbdown', 'exclamation', 'question', 'lamp', 'smiley', 'angry', 'cheesy', 'grin', 'sad', 'wink', 'moved', 'recycled', 'wireless');
$icon_sources = array();
foreach ($stable_icons as $icon)
$icon_sources[$icon] = 'images_url';

// Find all the posts in distinct topics.  Newer ones will have higher IDs.
$request = $smcFunc['db_query']('substring', '
SELECT
m.poster_time, ms.subject, m.id_topic, m.id_member, m.id_msg, b.id_board, b.name AS board_name, t.num_replies, t.num_views,
IFNULL(mem.real_name, m.poster_name) AS poster_name, ' . ($user_info['is_guest'] ? '1 AS is_read, 0 AS new_from' : '
IFNULL(lt.id_msg, IFNULL(lmr.id_msg, 0)) >= m.id_msg_modified AS is_read,
IFNULL(lt.id_msg, IFNULL(lmr.id_msg, -1)) + 1 AS new_from') . ', SUBSTRING(m.body, 1, 384) AS body, m.smileys_enabled, m.icon
FROM {db_prefix}topics AS t
INNER JOIN {db_prefix}messages AS m ON (m.id_msg = t.id_last_msg)
INNER JOIN {db_prefix}boards AS b ON (b.id_board = t.id_board)
INNER JOIN {db_prefix}messages AS ms ON (ms.id_msg = t.id_first_msg)
LEFT JOIN {db_prefix}members AS mem ON (mem.id_member = m.id_member)' . (!$user_info['is_guest'] ? '
LEFT JOIN {db_prefix}log_topics AS lt ON (lt.id_topic = t.id_topic AND lt.id_member = {int:current_member})
LEFT JOIN {db_prefix}log_mark_read AS lmr ON (lmr.id_board = b.id_board AND lmr.id_member = {int:current_member})' : '') . '
WHERE t.id_last_msg >= {int:min_message_id}
' . (empty($exclude_boards) ? '' : '
AND b.id_board NOT IN ({array_int:exclude_boards})') . '
' . (empty($include_boards) ? '' : '
AND b.id_board IN ({array_int:include_boards})') . '
AND {query_wanna_see_board}' . ($modSettings['postmod_active'] ? '
AND t.approved = {int:is_approved}
AND m.approved = {int:is_approved}' : '') . '
ORDER BY t.id_last_msg DESC
LIMIT ' . $num_recent,
array(
'current_member' => $user_info['id'],
'include_boards' => empty($include_boards) ? '' : $include_boards,
'exclude_boards' => empty($exclude_boards) ? '' : $exclude_boards,
'min_message_id' => $modSettings['maxMsgID'] - 35 * min($num_recent, 5),
'is_approved' => 1,
)
);
$posts = array();
while ($row = $smcFunc['db_fetch_assoc']($request))
{
$row['body'] = strip_tags(strtr(parse_bbc($row['body'], $row['smileys_enabled'], $row['id_msg']), array('<br />' => '')));
if ($smcFunc['strlen']($row['body']) > 128)
$row['body'] = $smcFunc['substr']($row['body'], 0, 128) . '...';

// Censor the subject.
censorText($row['subject']);
censorText($row['body']);

if (empty($modSettings['messageIconChecks_disable']) && !isset($icon_sources[$row['icon']]))
$icon_sources[$row['icon']] = file_exists($settings['theme_dir'] . '/images/post/' . $row['icon'] . '.gif') ? 'images_url' : 'default_images_url';

// Build the array.
$posts[] = array(
'board' => array(
'id' => $row['id_board'],
'name' => $row['board_name'],
'href' => $scripturl . '?board=' . $row['id_board'] . '.0',
'link' => '<a href="' . $scripturl . '?board=' . $row['id_board'] . '.0">' . $row['board_name'] . '</a>'
),
'topic' => $row['id_topic'],
'poster' => array(
'id' => $row['id_member'],
'name' => $row['poster_name'],
'href' => empty($row['id_member']) ? '' : $scripturl . '?action=profile;u=' . $row['id_member'],
'link' => empty($row['id_member']) ? $row['poster_name'] : '<a class="banner_area_recent_topics_topic_poster" href="' . $scripturl . '?action=profile;u=' . $row['id_member'] . '">' . $row['poster_name'] . '</a>'
),
'subject' => $row['subject'],
'replies' => $row['num_replies'],
'views' => $row['num_views'],
'short_subject' => shorten_subject($row['subject'], 25),
'preview' => $row['body'],
'time' => timeformat($row['poster_time']),
'timestamp' => forum_time(true, $row['poster_time']),
'href' => $scripturl . '?topic=' . $row['id_topic'] . '.msg' . $row['id_msg'] . ';topicseen#new',
'link' => '<a href="' . $scripturl . '?topic=' . $row['id_topic'] . '.msg' . $row['id_msg'] . '#new" rel="nofollow">' . $row['subject'] . '</a>',
// Retained for compatibility - is technically incorrect!
'new' => !empty($row['is_read']),
'is_new' => empty($row['is_read']),
'new_from' => $row['new_from'],
'icon' => '<img src="' . $settings[$icon_sources[$row['icon']]] . '/post/' . $row['icon'] . '.gif" align="middle" alt="' . $row['icon'] . '" />',
);
}
$smcFunc['db_free_result']($request);

// Just return it.
if ($output_method != 'echo' || empty($posts))
return $posts;

echo '
<table border="0" class="ssi_table recent_topics_ssi_table">';
foreach ($posts as $post)
echo '
<tr>
<td valign="top">
<div class="banner_area_recent_topics_topic_title"><a class="banner_area_recent_topics_topic_title" href="', $post['href'], '">', $post['subject'], '</a></div>
', !$post['is_new'] ? '' : '<a href="' . $scripturl . '?topic=' . $post['topic'] . '.msg' . $post['new_from'] . ';topicseen#new" rel="nofollow"><img src="' . $settings['lang_images_url'] . '/new.gif" alt="' . $txt['new'] . '" /></a>', '
</td>
<td align="right" nowrap="nowrap" class="banner_area_recent_topics_time">
&nbsp<small>', $txt['by'], ' ', $post['poster']['link'], '</small>
<small>', $post['time'], '</small>
</td>
</tr>';
echo '
</table>';

echo '
<center>
<div class="recent_posts_link_banner_area">
<a href="', $scripturl ,'?action=recent"><small>::ALL RECENT POSTS::</small></a>
</div>
</center>
';

Preview: